@charset "utf-8";
/*载入字体*/
@font-face {
  font-family: "HelveticaNeueLTProThEx";
  src: url("/css/font/HelveticaNeueLTProThEx.woff2") format("woff2"),
       url("/css/font/HelveticaNeueLTProThEx.woff2.woff") format("woff"),
       url("/css/font/HelveticaNeueLTProThEx.woff2.ttf") format("truetype"),
       url("/css/font/HelveticaNeueLTProThEx.woff2.eot") format("embedded-opentype");
}
#about_accout{display: none;}
/* 涟漪特效代码 */
@-webkit-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}

@-moz-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}

@-ms-keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}

@keyframes anim-out2{
    0%{ opacity: 0.5;}
    100%{ transform: scale(3); opacity: 0;}
}
#customized_iframe{width: 100%;height: calc(100vh - 97px);}
.btn_trans .btn_a{ -moz-animation: anim-out 1.5s infinite; -webkit-animation: anim-out 1.5s infinite; animation: anim-out 1.5s infinite;}
/*
.anim{ -moz-animation: anim-out .75s; -webkit-animation: anim-out .75s; animation: anim-out .75s;}
.anim2{ -moz-animation: anim-out2 .75s; -webkit-animation: anim-out2 .75s; animation: anim-out2 .75s;}
.anim, .anim2{ -moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%; z-index: 1}
.anim:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 3px; -moz-animation: anim-out-pseudo .75s; -webkit-animation: anim-out-pseudo .75s; animation: anim-out-pseudo .75s;}
.anim2:after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 3px; -moz-animation: anim-out-pseudo2 .75s; -webkit-animation: anim-out-pseudo2 .75s; animation: anim-out-pseudo2 .75s;}
.anim, .anim:after{ animation-iteration-count: infinite; animation-duration: 1.8s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.anim2, .anim2:after{ animation-iteration-count: infinite; animation-duration: 2.3s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
*/

@-webkit-keyframes anim-out {
  0%{ transform: scale(.9);}
  50%{ transform: scale(1.05);}
  100%{ transform: scale(.9);}
}

@-moz-keyframes anim-out {
  0%{ transform: scale(.9);}
  50%{ transform: scale(1.05);}
  100%{ transform: scale(.9);}
}

@-ms-keyframes anim-out {
  0%{ transform: scale(.9);}
  50%{ transform: scale(1.05);}
  100%{ transform: scale(.9);}
}

@keyframes anim-out {
  0%{ transform: scale(.9);}
  50%{ transform: scale(1.05);}
  100%{ transform: scale(.9);}
}

body{overflow-x: hidden;}

/*general*/
.wrap{ margin:0 auto; width:1200px; min-width: 1200px;}
.wrap_1440{margin:0 auto; width:92%; max-width: 1440px;}
.wrap.responsive{width: 92%; max-width: 1200px; min-width: unset;}
/* #w1000 .wrap{ width:1000px; min-width: 1000px;} */
.min{ min-width:1000px;}
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center;}
.icons{ position:relative;}
.icons i{ position:absolute; display:inline-block;}
.delay{ -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.hide{ display: none !important;}

.delay1{ -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}
.delay2{ -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.t{ font-size:26px;}
.st{ font-size:18px; color:#535353;}
.page{ min-height:500px;}
.txC{ text-align:center;}

.pc_show{display: block !important;}
.mb_show{display: none !important;}

/** 专题页菜单 **/
#menu_hd{position: fixed;right: 130px;top: 50%;display: none;}
#menu_hd li{width: 14px;height: 14px;border:1px solid #9c9c9c; cursor: pointer; border-radius: 8px;margin-bottom: 12px;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#menu_hd li.cur{height: 26px;background: #9c9c9c;}

/*在线客服*/
#global_qq_service{ width:70px; padding:10px; position:fixed; left:15px; top:190px; z-index:999; background:#fff; border:1px solid #48bdaa; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#global_qq_service .title{ font-size:16px; font-weight:bold; color:#1da189; text-align:center;}
#global_qq_service .qq_item .qq_img{ /*width:44px; height:44px;*/ width:60px; height:60px; margin:0 auto; cursor:pointer; text-align: center;}
#global_qq_service .qq_item .qq_img img{ border-radius:50%; vertical-align: middle;}
#global_qq_service .qq_item .qq_img span{ display:inline-block; height: 100%; vertical-align: middle;}
#global_qq_service .qq_item .qq_name{ font-size:14px; color:#888787; height:25px; line-height:25px; overflow:hidden; text-align:center; cursor:pointer;}
#global_qq_service a{ text-decoration:none; margin-top:10px; display:block;}

/* 双11 start */
/* #global_qq_service{width: 154px;background: url(../images/global_qq_service_11.png)no-repeat center center;border: 0;padding: 0 20px 17px 11px;box-sizing: border-box;}
#global_qq_service .title{margin-top: 50px;color: #fff601;font-size: 22px;}
#global_qq_service .qq_item .qq_name{color: #fff;}
#global_qq_service .qq_item .qq_img{position: relative;}
#global_qq_service .qq_item .qq_img:after{content: '';border-radius: 150px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #fff;z-index: -1;margin-top: 3px;width: 100%;height: 100%;}
.header_11_cnt{position: relative;}
.header_11_day{position: absolute;left: 54%;font-size: 40;color: #fffc00;top: 50%;transform: translate(-50%,-50%);font-weight: bold;}
#w1000 .header_11_day{font-size: 26px;} */
/* 双11 end */

/*在线客服第二种样式*/
/*
#global_qq_service{ width:81px; padding:10px; position:fixed; left:35px; top:220px; z-index:999; background:#fff; border:1px solid #ff45fb; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
#global_qq_service .title{ position: absolute;left: -9px;top: -43px;width: 120px;height: 43px;line-height: 43px;background: url(../images/global_qq_service_top.png) no-repeat center center;font-size:0px; color: white; text-align:center;}
#global_qq_service .qq_item .qq_img{ width:60px; height:60px; margin:0 auto;border-radius: 32px;overflow: hidden;text-align: center;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;padding: 1px;border:1px solid transparent;}
#global_qq_service .qq_item .qq_img img{width: 60px;height: 60px;border-radius: 30px;}
#global_qq_service .qq_item:hover .qq_img{border:1px solid #ff45fb;}
#global_qq_service .qq_item .qq_name{ font-size:14px; color:#888787; height:25px; line-height:25px; overflow:hidden; text-align:center;}
#global_qq_service a{ text-decoration:none; margin-top:10px; display:block;}
*/

#in_banner{ height: 400px; background: url(/images/n_website/banner_bg.png) repeat-x left top;}
#banner .global_subbanner,
#in_banner .global_subbanner{ padding-top: 170px; width:100%; height: 100%; text-align:center; -webkit-box-sizing: border-box; box-sizing: border-box;}
#banner .global_subbanner .title,
#in_banner .global_subbanner .title{ height: 61px; line-height: 61px; font-size:42px; color:#333;}
#banner .global_subbanner .intro,
#in_banner .global_subbanner .intro{ margin-top: 20px; height: 41px; line-height: 41px; font-size:24px; color:#555;}
#banner .global_subbanner .intro #customer,
#in_banner .global_subbanner .intro #customer{ height: 41px; line-height: 41px; font-size: 24px;color: #900000;display: inline-block;}
#banner .global_subbanner .intro a,
#in_banner .global_subbanner .intro a{ color: #900000; text-decoration: none;}

.global_subbanner .title .brief3{text-align: center;}
.global_subbanner .title .brief3 span{ display: block; align-items: center; line-height: 65px; font-size:36px; color: #900000;}
.global_subbanner .title .brief3 span em{ margin: 0 22px; font-size: 26px; font-style: normal; vertical-align: top;}

.subbanner_fir{ width:100%; height:230px; background:#f3f3f3;}
.subbanner_fir .wrap{ height:100%; background:url(/images/subbanner_fir.png) 90% bottom no-repeat;}
.subbanner_fir .title{ font-size:28px; color:#414141; margin-left:100px; padding-top:65px;}
.subbanner_fir .intro{ font-size:18px; color:#646464; margin-left:100px; margin-top:5px;}
.subbanner_fir .intro span{ color:#1da189;}

.global_item_fir{ width:366px; height:274px; float:left; margin-left:51px; margin-bottom:35px; position:relative;}
.global_item_fir_nor{ margin-left:0;}
.global_item_fir .global_item_fir_abs{ position:absolute; left:0; top:0; -webkit-transition: all 0.3s; transition: all 0.3s;}
.global_item_fir:hover .global_item_fir_abs{ top: -10px;}
.global_item_fir .global_item_fir_abs .type{position: absolute;width: 49px;height: 49px;right: -10px;top: -10px;text-align: center;line-height: 49px;font-size: 18px;color: white;border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;background: #00bda0;}
.global_item_fir .img{ border:1px solid #f5f5f5; width:364px; height:219px;}
.global_item_fir h3{ text-align:center; margin-top:15px;}
.global_item_fir h3 a{ font-size:14px; height:20px; line-height:20px; overflow:hidden; display:block; opacity:0;}
.global_item_fir:hover h3 a{ color:#48bdaa; text-decoration:none;}
.global_item_fir:hover h3 a{ opacity:1;}

.global_item_sec{ width:366px; height:320px; float:left; position:relative; margin-left:50px; margin-bottom:50px;}
.global_item_sec_nor{ margin-left:0;}
.global_item_sec .global_item_sec_abs{ position:absolute; left:0; top:0;transition:0.3s all;-moz-transition:0.3s all;-webkit-transition:0.3s all;}
.global_item_sec .img{ width:364px; height:219px; border:1px solid #eee; position:relative;}
.global_item_sec .img .play{ width:100%; height:100%; position:absolute; left:0; top:0;}
.global_item_sec .img .play i{ width:54px; height:54px; position:absolute; display:block; left:50%; margin-left:-27px; top:50%; margin-top:-27px; background:url(/images/icons.png) no-repeat; background-position:-188px -82px;}
.global_item_sec .box{ padding: 0 15px;}
.global_item_sec .box a{ display: block; margin-top: 16px; width: 100%; font-size: 14px; color: #414141; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.global_item_sec a{ text-decoration: none;}
.global_item_sec h3{ height:20px; line-height:20px; overflow:hidden;}
.global_item_sec h3 a{ font-size:14px; color:#414141;}
.global_item_sec h3 span{ height:18px; line-height:18px; padding:0 10px; display:inline-block; background:#48bdaa; margin-left:10px; color:#fff;}
.global_item_sec h3 i{ right:9px; top:-23px; color:#10b084; font-size:14px; font-style:normal; text-align:center;}
.global_item_sec h3 i em{ font-style:normal; width:46px; width:46px; line-height:46px; display:inline-block; background:#f2f2f2; color:#10b084; border-radius:23px; margin-left:3px;}
.global_item_sec h3 i em.nor{ background:#0bba91; color:#fff;}
.global_item_sec .intro{ margin-top: 6px; width: 100%; height: 22px; line-height: 22px; text-align: center;}
.global_item_sec .intro .ova{width: 334px;height: 18px;color:#999;line-height: 18px;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.global_item_sec .intro .brief{ width: 100%; height: 44px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.global_item_sec .intro span{ font-size: 14px; color: #91999b;}
.global_item_sec:hover .global_item_sec_abs{margin-top: -10px;}
.global_item_sec .video_img{height: 206px;}
.global_item_sec .video_box{padding: 7px 15px;}
.global_item_sec .video_box h3{font-size: 14px;height: 30px;line-height: 30px;}
.global_item_sec .video_box .intro{height: 27px;}

.global_phone_fir{ width:225px; height:452px; background:url(/images/phone_bg_small.png) no-repeat; float:left; margin:0 80px; margin-bottom:40px; cursor:pointer;}
.global_phone_fir .contents{ width:200px; height:372px; margin-left:13px; margin-top:32px; position:relative;}
.global_phone_fir .contents .img{ width:100%; height:100%;}
.global_phone_fir .contents .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background:url(/images/mask.png); display:none;}
.global_phone_fir .contents .mask a{ width:100%; height:100%; display:block; text-decoration:none;}
.global_phone_fir .contents .mask h3{ font-size:14px; color:#fff; padding-top:145px; text-align:center;}
.global_phone_fir .contents .mask h3 i{ width:40px; height:40px; left:50%; margin-left:-20px; bottom:-60px; background:url(/images/icons.png) no-repeat; background-position:-125px -89px;}
.global_phone_fir:hover .contents .mask{ display:block;}

.model_banner{ display: none;}
.mobile_category{ display: none;}
.global_category{ height: 81px; position:relative;}
.global_category .global_category_abs{ width:100%; height: calc(100% - 1px); border-bottom: 1px solid #d9d9d9; text-align:center; font-size: 0;}
.global_category .global_category_box{ width: 100%; height: 100%;}
.global_category .global_category_abs a{ position: relative;display:inline-block; color:#333;padding:0 38px; margin:0 15px; height: calc(100% + 1px); line-height: 80px; font-size:18px; text-decoration:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.global_category .global_category_abs a:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #0bb183; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.global_category .global_category_abs a:hover{ color:#900000;}
/*.global_category .global_category_abs a:hover:before{ opacity: 1;}*/
.global_category .global_category_abs a.cur{ color:#900000;}
.global_category .global_category_abs a.cur:before{ opacity: 1;}

.global_right_ad .row_box{ border:1px solid #e6e6e6; padding:15px;}
.global_right_ad .row_box .img{ width:60px; height:60px; float:left;}
.global_right_ad .row_box .sina i{ width:50px; height:41px; left:5px; top:10px; background:url(/images/icons.png) no-repeat; background-position:-365px -85px;}
.global_right_ad .row_box .con{ margin-left:15px; float:left;}
.global_right_ad .row_box .con .title{ font-size:16px; padding-top:7px;}
.global_right_ad .row_box .con .intro{ color:#7e7d7d; margin-top:7px;}
.global_right_ad .row_box a{ color:#333; text-decoration:none;}
.global_right_ad .wechat{ border:1px solid #e6e6e6;}
.global_right_ad .wechat .w_title{ font-size:16px; margin-left:15px; padding-top:15px;}
.global_right_ad .wechat .img{ width:110px; height:110px; margin:0 auto; margin-top:25px;}
.global_right_ad .wechat .w_sao{ font-size:16px; margin-top:10px;}
.global_right_ad .wechat .w_more{ font-size:14px; color:#00bd9f; margin-top:5px; margin-bottom:20px;}
.global_right_ad .info_title{ font-size:16px; margin-bottom:6px; padding-bottom:6px; border-bottom:1px solid #e6e6e6; text-align:center;}
.global_right_ad .info_item li{ height:25px; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.global_right_ad .info_item li:hover a{ color:#1ca18b; text-decoration:underline;}

.global_bottom_ad { width:100%; height:145px; background:#37ae8e;}/*background:#48bdaa url(../images/new/global_bottom_ad.jpg) no-repeat center center;*/
.global_bottom_ad .ad_table{ display: table; width: 100%; height: 100%;}
.global_bottom_ad .ad_table .ad_table_cell{ display: table-cell; vertical-align: middle;}
.global_bottom_ad span{ height:46px; line-height:46px; display:inline-block; color:#fff; font-size:34px;}
.global_bottom_ad a{ width:240px; height:47px; line-height:47px; margin-left:90px; text-decoration:none; display:inline-block; background:#fff; font-size:18px; color:#111; vertical-align:top; -webkit-border-radius: 23px; border-radius: 23px;}

.global_crumb{ height:25px; line-height:25px; overflow:hidden; font-size:14px; padding:15px 0;}
.global_crumb *{ font-size:14px;}
.global_crumb a:hover{ text-decoration:none; color:#0cba92;}

#phone_demo{ width:372px; height:757px; position:fixed; top:50%; left:50%; margin-left:-186px; margin-top:-379px; background:url(/images/phone_bg_big.png) no-repeat; display:none; z-index:10001;}
#phone_demo i{ width:35px; height:35px; right:-40px; top:0; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
#phone_demo iframe{ width:337px; height:575px; margin-left:19px; margin-top:91px; float:left; border:0; background:url(/images/loading.gif) center no-repeat;;}

#video_demo{ width:900px; height:482px; padding:20px; position:fixed; left:50%; top:50%; margin-left:-470px; margin-top:-261px; background:#fff; display:none; z-index:10001;}
#video_demo i{ width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

#video_apply{ width:572px; height:180px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-87px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#video_apply .v_a_title{ font-size:24px; margin-top:7px;}
#video_apply .v_a_input{ width:230px; height:45px; margin:0 3px; line-height:45px; border:0; outline:none; font-size:14px; color:#9a9a9a; text-indent:15px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#video_apply .v_a_submit{ width:471px; height:47px; line-height:47px; font-weight:bold; display:block; margin:0 auto; border:0; background:#00bd9f; font-size:18px; color:#fff; cursor:pointer; margin-top:13px; outline:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#video_apply i{ width:35px; height:35px; right:-70px; top:-65px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

#video_success{ width:572px; height:180px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-87px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#video_success .v_s_sign{ width:75px; height:75px; margin:0 auto;}
#video_success .v_s_sign i{ width:75px; height:75px; left:0; top:0; background:url(/images/icons.png) no-repeat; background-position:-525px -283px;}
#video_success .v_s_title{ font-size:24px; margin-top:30px;}
#video_success .v_s_tips{ font-size:16px; color:#646464; margin-top:10px}
#video_success i{ width:35px; height:35px; right:-70px; top:-58px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

#global_login{ width:572px; height:311px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-177px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#global_login .login_sign{ width:85px; height:85px; position:absolute; left:50%; margin-left:-42px; top:-60px; background:url(/images/login_sign.png) no-repeat;}
#global_login .login_subtitle{ font-size:16px; color:#646464; padding-top:25px;}
#global_login .login_title{ font-size:22px; color:#00bd9f; margin-top:7px;}
#global_login .login_line{ height:1px; background:#d9d9d9; margin:25px 0;}
#global_login .login_tips{ font-size:16px;}
#global_login .login_input{ width:471px; height:45px; line-height:45px; border:0; outline:none; font-size:14px; color:#9a9a9a; text-indent:15px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#global_login .login_submit{ width:471px; height:47px; line-height:47px; display:block; margin:0 auto; border:0; background:#00bd9f; font-size:16px; color:#fff; cursor:pointer; margin-top:13px; outline:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#global_login i{ width:35px; height:35px; right:-70px; top:-65px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
#global_login .get_pwd{float: right;height: 27px;line-height: 27px;padding-left: 32px;background: url(../images/icon_ask.png) no-repeat left center;font-size: 16px;color: #40b78c;margin:15px 50px 15px 0;}

#global_lightboxs{ width:910px; height:670px; position:fixed; left:50%; top:50%; margin-left:-455px; margin-top:-345px; background:#fff; z-index:10001; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; display:none;}
#global_lightboxs i{ width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
#global_lightboxs_con{ background:url(/images/loading.gif) center no-repeat;}
#global_lightboxs_con .global_lightboxs_img .img{ width:807px; height:535px; margin:0 auto; padding-top:30px;}
#global_lightboxs_con .global_lightboxs_img .left_btn{ width:25px; height:47px; display:block; position:absolute; left:13px; top:275px; background:url(/images/icons.png) no-repeat; background-position:-368px -297px;}
#global_lightboxs_con .global_lightboxs_img .right_btn{ width:25px; height:47px; display:block; position:absolute; right:13px; top:275px; background:url(/images/icons.png) no-repeat; background-position:-443px -297px;}
#global_lightboxs_con .global_lightboxs_tab{ width:767px; height:50px; position:relative; overflow:hidden; margin:0 auto; margin-top:15px;}
#global_lightboxs_con .global_lightboxs_tab ul{ width:10000px; height:50px; position:absolute; left:0; top:0;}
#global_lightboxs_con .global_lightboxs_tab li{ width:70px; height:46px; float:left; margin-right:25px; border:2px solid #fff;}
#global_lightboxs_con .global_lightboxs_tab li.cur{ border:2px solid #00bd9f;}

#sys_demo{ width:900px; height:600px; padding:20px; background:#fff; position:fixed; left:50%; top:50%; margin-left:-470px; margin-top:-320px; z-index:10001; display:none;}
#sys_demo i{ width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
#sys_demo .sys_img{ width:680px; height:600px; background:url(/images/loading.gif) center no-repeat; text-align:center;}
#sys_demo .sys_img img{ vertical-align:middle;}
#sys_demo .sys_img span{ height:100%; display:inline-block; vertical-align:middle;}
#sys_demo .sys_cate{ width:200px;}
#sys_demo .sys_cate .switch{ display:none;}
#sys_demo .sys_cate .switch_cur{ display:block;}
#sys_demo .sys_cate dt{ height:36px; line-height:36px; overflow:hidden; border:1px solid #dfdfdf;}
#sys_demo .sys_cate dt a{ font-size:16px; text-indent:60px; display:inline-block; width:100%; height:100%; text-decoration:none;}
#sys_demo .sys_cate dt i{ width:25px; height:25px; left:23px; top:5px; background-repeat:no-repeat; background-size:auto 50px;}
#sys_demo .sys_cate dl:hover dt a{ background:#48bdaa; color:#fff;}
#sys_demo .sys_cate dl.cur dt a{ background:#48bdaa; color:#fff;}
#sys_demo .sys_cate dl dd{ display:none;}
#sys_demo .sys_cate ul{ padding:10px 0;}
#sys_demo .sys_cate li{ height:30px; line-height:30px; overflow:hidden; text-indent:60px;}
#sys_demo .sys_cate li a{ color:#535353; font-size:14px;}
#sys_demo .sys_cate li i{ width:3px; height:3px; left:45px; top:13px; background:url(/images/icons.png) no-repeat; background-position:-465px -162px;}
#sys_demo .sys_cate li:hover a{ color:#1da198; text-decoration:none;}
#sys_demo .sys_cate li:hover i{ background-position:-497px -162px;}
#sys_demo .sys_cate li.cur a{ color:#1da198;}
#sys_demo .sys_cate li.cur i{ background-position:-497px -162px;}

/*header*/
#header_mask{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:9; background:url(/images/mask_index.png); display:none !important;}
#header{ width:100%; position:fixed; top:0; left:0; z-index:20;}
body.black_banner #header{background: #fff;}
#header{ background: #fff; border-bottom: 1px solid #f1f1f1;}
#header .wrap{ height:60px; width: 92%; max-width: 1440px; min-width: unset;}
#header .wrap.header_abs{height: 60px;}
.header_fill{height: 97px;}
.header_fill.header_11{height: 166.38px;}
#header .logo{ height:56px;margin: 20px 0;}
#header .bot{margin-top: 23px;}
#header .tel{ overflow: hidden; font-size:24px; color:#3cb794; height:50px; line-height:50px;margin-left: 30px; padding-left:35px;white-space: nowrap; position:relative; overflow:hidden;font-weight: bold;}
#header .tel i{ width:24px; height:24px; left:0; top:13px; background:url(/images/icon_tel.png) no-repeat; }
/*#header .tel:hover{width: 162px;padding-left: 40px;}*/
#header .nav{float: left;height: 50px;margin-right: 72px;}
#header .nav li{ float:left; position:relative;margin-right: 54px;}
#header .nav li:first-child{ padding-right: 0; margin-right: 72px;}
/*#header .nav li:nth-child(5){ padding-right: 0; margin-right: 72px;} */
#header .nav li:last-child{ margin-right: 0;}
#header .nav li:first-child a{ padding-right: 0;}
/*#header .nav li:nth-child(5) a{ padding-right: 0;}*/
#header .nav li.clear{ clear:both;}
#header .nav li>a{ height:50px; line-height:50px; font-size:16px; display:inline-block; padding:0 16px 0 0;-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#header .nav li>a.sec i{ width:9px; height:6px; right:0; top:calc(45% + 1px); background:url(/images/icon_head_arrow.png) no-repeat; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
#header .nav li:hover>a{ color:#900000; text-decoration:none;}
#header .nav li:hover>a i{ transform: rotate(180deg);}
#header .nav li>a.cur{ color:#900000; text-decoration:none;}
#header .nav li dl{ padding-left: 25px !important; padding-right: 25px !important; width:110px; position:absolute; left: 0;margin-left: -25px; top:100%; background:#fff; padding:0;height: 0;overflow: hidden;transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s; -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
#header .nav li dd{ height: 40px; line-height:40px; overflow:hidden;}
#header .nav li dd a{ font-size: 14px; color: #222; text-decoration: none; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
#header .nav li dd a:hover{ color: #900000;}

#header .member{ margin-top:10px;}
#header .member a{ height:34px; line-height:34px; display:block; font-size:14px; text-align:center; border-radius:3px; text-decoration:none; float:left;}
#header .member a.register{ width:88px; background:#0bba91; border:1px solid #0bba91; color:#fff; margin-left:0px;}
#header .member a.login{ width:68px; color:#333; border:1px solid #ccc; margin-left:10px; background-color: #fff;}

#header .header_abs .logo{height: 36px;margin: 12px 0;}
#header .header_abs .bot{margin-top: 15px;}
#header .header_abs .tel{height: 30px;line-height: 30px;}
#header .header_abs .tel i{top: 3px;}
#header .header_abs .nav{height: 30px;}
#header .header_abs .nav li>a{height: 30px;line-height: 30px;/*padding-bottom: 15px;*/}
#header .header_abs .member{ margin-top: -2px;}

/*footer*/
#footer{ background:#273037;}
#footer .top{ padding-top:50px; padding-bottom:45px;}
#footer .top .links{margin-top:34px;}
#footer .top .links span{ color: #fff; font-size: 16px; margin-right:10px;}
#footer .top .links a{ color: #fff; font-size: 14px; margin:0 5px;}
#footer .info{ max-width:350px; margin-left:10px;text-align: right;}
#footer .info .tel{ display: inline-block;font-size:30px; color:#32cab3; font-family:"Arial"; padding-left:40px;}
#footer .info .tel i{ left:0; top:0; width:32px; height:33px; background:url(/images/icons.png) no-repeat; background-position:-43px -37px;}
#footer .info .rows{ font-size:14px; color:#a8adb0; line-height:25px; padding:3px 0;}
#footer .menu dl{ float:left; width:130px; margin-right:20px;}
#footer .menu dl dt{ padding-bottom: 15px;font-size:16px;color: white;}
#footer .menu dl dd{ height:20px; line-height:20px;  margin-top:10px;}
#footer .menu dl dd a{ font-size:14px; color:#a8adb0;}
#footer .menu dl dd a:hover{color: #33cbb4;text-decoration: none;}
#footer .qrcode{ margin-top: 25px;margin-right:10px; width:110px;}
#footer .bot{ border-top:1px solid #3a4249; padding-top:22px; padding-bottom:10px; line-height:25px;}
#footer .copyright{ font-size:14px; color:#a8adb0;}
#footer .copyright a{ margin-left:10px; color:#a8adb0;}
#footer .copyright .links{ margin-left:0; font-size:12px;}
#footer .record a{ color:#939393; margin-left:20px; padding-left:25px;}
#footer .record i{ width:18px; height:20px; left:0; top:-2px; background:url(/images/icons.png) no-repeat; background-position:0 -155px;}

#footer .contents .tel{ font-size:20px; color:#ccc; background:url(../images/icon_kefu.png) left center no-repeat; padding-left:100px; line-height:27px;}
#footer .contents .tel span{ font-size:15px; color:#fff; font-family:"Arial";}
#footer .contents ul{ margin-top: 15px;}
#footer .contents ul li{ color: #fff;font-size: 16px;line-height: 180%; }
#footer .contents ul li span{ }


#footer .menu .code{ width:120px; height:120px; margin-left:55px; margin-top:0px; opacity:0.8;}
#footer .bottom{ border-top:1px solid #363e45; padding:30px 0; text-align:center;}
#footer .bottom .rows{ line-height:30px;}
#footer .bottom *{ color:#818487; font-size:14px;}


/*index*/
#in_banner{ position: relative;}
#in_banner .text{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.cate_list{ display: flex; justify-content: center; align-items: center; margin: 30px auto 0; width: 100%;/* height: 50px;*/}
.cate_list .cate_item{ display: inline-block; padding: 0 34px; height: 100%; line-height: 50px; background: #fff; border: 1px solid #d3d3d3; border-left: 0; border-right: 0; font-size: 20px; color: #555; text-align: center; text-decoration: none; box-sizing: border-box;}
.cate_list .cate_item:first-child{ padding-left: 54px; border-left: 1px solid #d3d3d3; border-radius: 30px 0 0 30px;}
.cate_list .cate_item:last-child{ padding-right: 54px; border-right: 1px solid #d3d3d3; border-radius: 0 30px 30px 0;}
.cate_list .cate_item.cur{ background: #37ae8e; border-color: #37ae8e; color: #fff;}
#banner{ position:relative;}
#banner img{ display:block; margin:0 auto;}
/*
#banner .btn{ display: block; margin-top: 25px; width: 180px; height: 50px; line-height: 50px; color:#fff; font-size: 22px; background:#0daf82; border-radius:3px; text-align:center; text-decoration:none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#banner .btn:hover{ background:#fece2e; color:#333;}
*/
.freebuild .btn{ display: block; position: relative; margin-top: 25px; width: 180px; height: 50px; line-height: 50px;}
.freebuild .btn.center{ margin: 25px auto 0;}
.freebuild .btn .btn_a{ display: block; position: relative; color:#fff; font-size: 20px; background:#900000; z-index: 2; text-align:center; text-decoration:none; border-radius:3px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#banner .tab{ display: none; width:100%; position:absolute; left:0; bottom:15px; text-align:center;}
#banner .tab a{ width:35px; height:4px; background:url(../images/new/banner_tab.png) no-repeat; display:inline-block; margin:0 5px;}
#banner .tab a.cur{ background:url(../images/new/banner_tab_cur.png) no-repeat;}
/*
#banner .item{ width:100%;}
#banner .list{ position: absolute; left:0; top: 0; width:100%; height: 100%;}
#banner .list .wrap{ height: 100%;}
#banner .list .wrap .txt_table{ display: table; width: 100%; height: 100%;}
#banner .list .wrap .txt_table .txt_table_cell{ display: table-cell; vertical-align: middle; padding-left: 10px;}
#banner .list .title{ width: 100%; height: 76px; line-height: 76px; font-size: 54px; color: #222;}
#banner .list .brief{ width: 100%; height: 75px; line-height: 75px; font-size: 54px; color: #900000;}
#banner .list .brief2{ width: 100%; height: 62px; line-height: 62px; font-size: 26px; color: #555;}

#banner .list .brief{ font-size:24px; color:#555;}
#banner .list.style_0 .brief .li{ font-size:20px; color:#555;}
#banner .list .title{ font-size:52px; color:#222; margin-top:15px; margin-bottom:60px;}
#banner .list.style_0 .title{margin-bottom: 40px;}
#banner .list.style_0 .brief{line-height: 40px;}
#banner .list.style_0 .brief .li{}
#banner .list.style_0 .brief .li span{display: inline-block;vertical-align: middle;width: 7px;height: 7px;background: #0cba92;border-radius: 5px;margin-right: 13px;}
#banner .list .subtitle{ font-size:42px; color:#222; margin-top:15px; margin-bottom:60px; line-height:65px;}
#banner .list .tips{ font-size:22px; color:#900000; margin-top:12px;}
*/
#w1000 #header .member{ /*margin-top:10px;*/margin-left: 0px;}
#w1000 #banner .list{ top:80px;}


.index_item{ padding: 90px 0 0;}
.index_item .item_title{ width: 100%; line-height: 78px; font-size: 50px; color: #111; text-align: center;}
.index_item{ padding: 90px 0 0;}
.index_item .item_title{ width: 100%; line-height: 78px; font-size: 50px; color: #111; text-align: center;}

.index_item.index0 .list{ margin-top: 70px; width: 100%;}
.index_item.index0 .list .item{ display: flex; justify-content: space-between; align-items: center; padding: 50px 0; width: 100%; box-sizing: border-box;}
.index_item.index0 .list .item:nth-child(4){ padding-bottom: 100px;}
.index_item.index0 .list .item .img{ width: 50%;}
.index_item.index0 .list .item .img .effect{ position: relative; width: 100%; overflow: hidden;}
.index_item.index0 .list .item .img .effect.effect0 .effect_bg{ opacity: 0;}
.index_item.index0 .list .item .img .effect .effect_icon{ position: absolute; transition: all .3s; opacity: 0;}

/********* 图1动态效果 start *********/
.index_item.index0 .list .item .img .effect.effect0.effect_cur .effect_bg{ opacity: 1; -moz-animation: effect_bg-anim 4s; -webkit-animation: effect_bg-anim 4s; animation: effect_bg-anim 4s;}
.index_item.index0 .list .item .img .effect.effect0.effect_cur .effect_icon.icon0{ opacity: 1; top: 109px; left: 9px; -moz-animation: effect0-icon0-anim 4s; -webkit-animation: effect0-icon0-anim 4s; animation: effect0-icon0-anim 4s;}
.index_item.index0 .list .item .img .effect.effect0.effect_cur .effect_icon.icon1{ opacity: 1; bottom: 0; left: 0; -moz-animation: effect0-icon1-anim 4s; -webkit-animation: effect0-icon1-anim 4s; animation: effect0-icon1-anim 4s;}
.index_item.index0 .list .item .img .effect.effect0.effect_cur .effect_icon.icon2{ opacity: 1; right: 0; bottom: 119px; -moz-animation: effect0-icon2-anim 4s; -webkit-animation: effect0-icon2-anim 4s; animation: effect0-icon2-anim 4s;}
@-webkit-keyframes effect_bg-anim {
  0% { transform: translateY(20px); opacity: 0;}
  5% { transform: translateY(20px); opacity: 0;}
  10% { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect0-icon0-anim {
  0% { transform: translateY(20px); opacity: 0;}
  25% { transform: translateY(20px); opacity: 0;}
  30% { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect0-icon1-anim {
  0% { transform: translateY(20px); opacity: 0;}
  45% { transform: translateY(20px); opacity: 0;}
  50% { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect0-icon2-anim {
  0% { transform: translate(20px, -20px); opacity: 0;}
  65% { transform: translate(20px, -20px); opacity: 0;}
  70% { transform: translate(0, 0); opacity: 1;}
  100% { transform: translate(0, 0); opacity: 1;}
}
/********* 图1动态效果 end *********/

/********* 图2动态效果 start *********/
.index_item.index0 .list .item .img .effect.effect1.effect_cur .effect_bg{ opacity: 1; -moz-animation: effect_bg-anim 4s; -webkit-animation: effect_bg-anim 4s; animation: effect_bg-anim 4s;}
.index_item.index0 .list .item .img .effect.effect1.effect_cur .effect_icon.icon0{ opacity: 1; top: 108px; left: 50px; -moz-animation: effect1-icon0-anim 4s; -webkit-animation: effect1-icon0-anim 4s; animation: effect1-icon0-anim 4s;}
.index_item.index0 .list .item .img .effect.effect1.effect_cur .effect_icon.icon1{ opacity: 1; right: 59px; bottom: 169px; -moz-animation: effect1-icon1-anim 4s; -webkit-animation: effect1-icon1-anim 4s; animation: effect1-icon1-anim 4s;}
.index_item.index0 .list .item .img .effect.effect1.effect_cur .effect_icon.icon2{ opacity: 1; bottom: 5px; left: 8px; -moz-animation: effect1-icon2-anim 4s; -webkit-animation: effect1-icon2-anim 4s; animation: effect1-icon2-anim 4s;}
.index_item.index0 .list .item .img .effect.effect1.effect_cur .effect_icon.icon3{ opacity: 1; top: 26px; right: 3px; -moz-animation: effect1-icon3-anim 4s; -webkit-animation: effect1-icon3-anim 4s; animation: effect1-icon3-anim 4s;}

@-webkit-keyframes effect_bg-anim {
  0% { transform: translateY(20px); opacity: 0;}
  5% { transform: translateY(20px); opacity: 0;}
  10% { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect1-icon2-anim {
  0% { transform: translateX(-20px); opacity: 0;}
  20% { transform: translateX(-20px); opacity: 0;}
  25% { transform: translateX(0); opacity: 1;}
  100% { transform: translateX(0); opacity: 1;}
}
@-webkit-keyframes effect1-icon3-anim {
  0% { transform: translateX(20px); opacity: 0;}
  20% { transform: translateX(20px); opacity: 0;}
  25%  { transform: translateX(0); opacity: 1;}
  100% { transform: translateX(0); opacity: 1;}
}
@-webkit-keyframes effect1-icon4-anim {
  0% { transform: translateY(20px); opacity: 0;}
  20% { transform: translateY(20px); opacity: 0;}
  25%  { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect1-icon1-anim {
  0% { transform: scale(0); opacity: 0;}
  40% { transform: scale(0); opacity: 0;}
  45% { transform: scale(1); opacity: 1;}
  100% { transform: scale(1); opacity: 1;}
}
@-webkit-keyframes effect1-icon0-anim {
  0% { transform: scale(0); opacity: 0;}
  60% { transform: scale(0); opacity: 0;}
  65% { transform: scale(1); opacity: 1;}
  100% { transform: scale(1); opacity: 1;}
}
/********* 图2动态效果 end *********/

/********* 图3动态效果 start *********/
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_bg{ -moz-animation: effect_bg-anim 4s; -webkit-animation: effect_bg-anim 4s; animation: effect_bg-anim 4s;}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon0{ opacity: 1; top: 20px; right: 11px; -moz-animation: effect2-icon0-anim 4s; -webkit-animation: effect2-icon0-anim 4s; animation: effect2-icon0-anim 4s;}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon1{ opacity: 1; top: 102px; left: 52px; -moz-animation: effect2-icon1-anim 4s; -webkit-animation: effect2-icon1-anim 4s; animation: effect2-icon1-anim 4s; z-index: 1;}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon2{ opacity: 1; bottom: 17px; left: 25px; -moz-animation: effect2-icon2-anim 4s; -webkit-animation: effect2-icon2-anim 4s; animation: effect2-icon2-anim 4s;}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon2 .technology1{ position: absolute; left: 50%; bottom: 77px; transform: translateX(-50%);}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon2 .technology1 .tec_list{ margin: 0 0 -5px -7px;}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon2 .technology1 .tec_list.small{ margin-bottom: 0; height: 20px; line-height: 20px;}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon2 .technology1 .tec_list.small .sec{ display: flex; position: absolute; left: 50%; bottom: 30px; margin-left: 4px; height: 20px; line-height: 20px; font-size: 14px; color: #0bba91; transform: translateX(-50%);}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon2 .technology1 .tec_list.small em{ margin-left: 3px; font-style: inherit;}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon2 .technology1 .tec_list.small span{ display: inline; font-size: 14px; color: #0bba91;}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon2 .technology1 span{ font-size: 26px; color: #424242;}
.index_item.index0 .list .item .img .effect.effect2.effect_cur .effect_icon.icon3{ opacity: 1; bottom: 0; right: 205px; -moz-animation: effect2-icon3-anim 4s; -webkit-animation: effect2-icon3-anim 4s; animation: effect2-icon3-anim 4s;}

@-webkit-keyframes effect_bg-anim {
  0% { transform: translateY(20px); opacity: 0;}
  10% { transform: translateY(20px); opacity: 0;}
  25% { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect2-icon0-anim {
  0% { transform: translate(0, 0) scale(1); opacity: 0;}
  25% { transform: translate(0, 0) scale(1); opacity: 0;}
  60% { transform: translate(0, 0) scale(1); opacity: 1;}
  70% { transform: translate(-150%, 150%) scale(0); opacity: 0;}
  85% { transform: translate(0, 0) scale(0); opacity: 0;}
  95% { transform: translate(0, 0) scale(0); opacity: 0;}
  100% { transform: translate(0, 0) scale(1); opacity: 1;}
}
@-webkit-keyframes effect2-icon1-anim {
  0% { transform: translate(0, 0) scale(1); opacity: 0;}
  25% { transform: translate(0, 0) scale(1); opacity: 0;}
  60% { transform: translate(0, 0) scale(1); opacity: 1;}
  70% { transform: translate(200%, 100%) scale(0); opacity: 0;}
  85% { transform: translate(0, 0) scale(0); opacity: 0;}
  95% { transform: translate(0, 0) scale(0); opacity: 0;}
  100% { transform: translate(0, 0) scale(1); opacity: 1;}
}
@-webkit-keyframes effect2-icon2-anim {
  0% { transform: translateY(20px); opacity: 0;}
  20% { transform: translateY(20px); opacity: 0;}
  35% { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect2-icon3-anim {
  0% { transform: translate(0, 0) scale(1); opacity: 0;}
  25% { transform: translate(0, 0) scale(1); opacity: 0;}
  60% { transform: translate(0, 0) scale(1); opacity: 1;}
  70% { transform: translate(0, -250%) scale(0); opacity: 0;}
  85% { transform: translate(0, 0) scale(0); opacity: 0;}
  95% { transform: translate(0, 0) scale(0); opacity: 0;}
  100% { transform: translate(0, 0) scale(1); opacity: 1;}
}

/********* 图3动态效果 end *********/

/********* 图4动态效果 start *********/
.index_item.index0 .list .item .img .effect.effect3.effect_cur .effect_bg{ -moz-animation: effect_bg-anim 10s; -webkit-animation: effect_bg-anim 10s; animation: effect_bg-anim 10s;}
.index_item.index0 .list .item .img .effect.effect3.effect_cur .effect_icon.icon0{ opacity: 1; bottom: 0; left: 0; -moz-animation: effect3-icon0-anim 10s; -webkit-animation: effect3-icon0-anim 10s; animation: effect3-icon0-anim 10s;}
.index_item.index0 .list .item .img .effect.effect3.effect_cur .effect_icon.icon0 .technology2{ position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%);}
.index_item.index0 .list .item .img .effect.effect3.effect_cur .effect_icon.icon0 .technology2 .list{ margin-top: 0;}
.index_item.index0 .list .item .img .effect.effect3.effect_cur .effect_icon.icon0 .technology2 .thi{ display: flex; justify-content: center; align-items: center; position: absolute; bottom: 60px; left: -26px; height: auto; font-size: 30px; color: #0bba91;}
.index_item.index0 .list .item .img .effect.effect3.effect_cur .effect_icon.icon0 .technology2 .thi em{ font-size: 30px; font-style: inherit;}
.index_item.index0 .list .item .img .effect.effect3.effect_cur .effect_icon.icon0 .pointer{ position: absolute; bottom: 150px; left: 138px; transform: rotate(106deg); transform-origin: 50% 80%; -moz-animation: effect3-icon3-anim 4s; -webkit-animation: effect3-icon3-anim 4s; animation: effect3-icon3-anim 4s;}

.index_item.index0 .list .item .img .effect.effect3.effect_cur .effect_icon.icon1{ opacity: 1; top: 218px; right: 0; -moz-animation: effect3-icon1-anim 10s; -webkit-animation: effect3-icon1-anim 10s; animation: effect3-icon1-anim 10s; z-index: 1;}
.index_item.index0 .list .item .img .effect.effect3.effect_cur .effect_icon.icon2{ opacity: 1; top: 0; right: 0; -moz-animation: effect3-icon2-anim 10s; -webkit-animation: effect3-icon2-anim 10s; animation: effect3-icon2-anim 10s;}

.index_item.index0 .list .item .img .effect.effect3 .effect_icon.icon2 .icon{ position: absolute; top: 95px; right: 93px; width: 6px; height: 6px; background: #900000; border-radius: 50%;}
.index_item.index0 .list .item .img .effect.effect3 .effect_icon.icon2 .icon:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #900000; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out3 2s ease-out infinite; animation: anim-out3 2s ease-out infinite; z-index: 1;}
.index_item.index0 .list .item .img .effect.effect3 .effect_icon.icon2 .icon:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #900000; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out3 2s 1s ease-out infinite; animation: anim-out3 2s 1s ease-out infinite; z-index: 2;}
.index_item.index0 .list .item .img .effect.effect3 .effect_icon.icon2 .before2{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #900000; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out3 2s 2s ease-out infinite; animation: anim-out3 2s 2s ease-out infinite; z-index: 1;}

@-webkit-keyframes effect_bg-anim {
  0% { transform: translateY(20px); opacity: 0;}
  5% { transform: translateY(20px); opacity: 0;}
  15% { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect3-icon0-anim {
  0% { transform: translateY(20px) scale(1); opacity: 0;}
  20% { transform: translateY(20px) scale(1); opacity: 0;}
  25% { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect3-icon1-anim {
  0% { transform: translateY(20px); opacity: 0;}
  5% { transform: translateY(20px); opacity: 0;}
  15% { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect3-icon2-anim {
  0% { transform: translateY(-20px) scale(1); opacity: 0;}
  10% { transform: translateY(-20px) scale(1); opacity: 0;}
  20% { transform: translateY(0); opacity: 1;}
  100% { transform: translateY(0); opacity: 1;}
}
@-webkit-keyframes effect3-icon3-anim {
  0% { transform: rotate(-106deg);}
  60% { transform: rotate(-106deg);}
  100% { transform: rotate(106deg);}
}

/* 涟漪特效代码 */
@-webkit-keyframes anim-out3{
  0%{ opacity: .5;}
  100%{ transform: scale(5); opacity: 0;}
}

@-moz-keyframes anim-out3{
  0%{ opacity: .5;}
  100%{ transform: scale(5); opacity: 0;}
}

@-ms-keyframes anim-out3{
  0%{ opacity: .5;}
  100%{ transform: scale(5); opacity: 0;}
}

@keyframes anim-out3{
  0%{ opacity: .5;}
  100%{ transform: scale(5); opacity: 0;}
}
/********* 图4动态效果 end *********/


.index_item.index0 .list{ margin-top: 70px; width: 100%;}
.index_item.index0 .list .item{ display: flex; justify-content: space-between; align-items: center; padding: 50px 0; width: 100%; box-sizing: border-box;}
.index_item.index0 .list .item:nth-child(4){ padding-bottom: 100px;}
.index_item.index0 .list .item .img{ width: 100%;}
.index_item.index0 .list .item .con{ padding-left: 90px; width: 100%; box-sizing: border-box;}
.index_item.index0 .list .item .con .title{ display: block; position: relative; padding-bottom: 31px; width: 100%; line-height: 60px; font-size: 38px; color: #333; transition: all 0.3s; cursor: default;}
.index_item.index0 .list .item .con .title:before{ display: block; content: ''; position: absolute; left: 0; bottom: 0; width: 50px; height: 3px; background: #0bba91;}
.index_item.index0 .list .item .con .brief{ margin-top: 31px; width: 100%; line-height: 36px; font-size: 18px; color: #434343;}
.index_item.index0 .list .item .con .btn{ display: flex; justify-content: start; align-items:center; margin-top: 20px; line-height: 28px; font-size: 22px; color: #900000; text-decoration: none;}
.index_item.index0 .list .item .con .btn img{ margin-left: 11px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.index_item.index0 .list .item .con .btn:hover img{ margin-left: 21px;}

.index_item.index0 .list .item:nth-child(even){ flex-direction: row-reverse;}
.index_item.index0 .list .item:nth-child(even) .con{ padding-left: 40px;}

.index_item.index1{ position: relative; padding: 90px 0 110px; background: #f5f5f5;}
.index_item.index1:before{ display: block; content: ''; position: absolute; bottom: 0; left: 36px; width: 479px; height: 239px; background: url(/images/index/index1_bg_img1.png) no-repeat center; background-size: auto 100%;}
.index_item.index1:after{ display: block; content: ''; position: absolute; top: 0; right: 0; width: 167px; height: 335px; background: url(/images/index/index1_bg_img2.png) no-repeat center; background-size: 100% auto;}
.index_item.index1 .list{ display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; margin-top: 50px; width: 100%;/* height: 315px;*/}
.index_item.index1 .list:before{ display: block; content: ''; position: absolute; top: -76px; left: -82px; width: 161px; height: 152px; background: url(/images/index/index1_before.png) no-repeat center;}
.index_item.index1 .list:after{ display: block; content: ''; position: absolute; bottom: -58px; right: -82px; width: 161px; height: 152px; background: url(/images/index/index1_before.png) no-repeat center;}
.index_item.index1 .list .item{ position: relative; margin-top: 24px; padding: 36px; width: 277px; height: 315px; background: #fff; z-index: 1; -webkit-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.index_item.index1 .list .item:nth-child(-n+4){ margin-top: 0;}
.index_item.index1 .list .item .icon{ display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 118px;}
.index_item.index1 .list .item .title{ margin-top: 40px; line-height: 35px; font-size: 22px; color: #333; text-align: center;}

.index_item.index2{ padding-bottom: 90px;}
.index_item.index2 .item_title{ line-height: 70px;}
.index_item.index2 .brief{ margin-top: 54px; height: 36px; text-align: center;}
.index_item.index2 .brief .text{ display: flex; justify-content: center; height: 36px; text-align: center;}
.index_item.index2 .brief .text .video_btn{ display: inline-block;}
.index_item.index2 .brief .text .img{ position: relative; width: 36px; height: 100%;}
.index_item.index2 .brief .text .img img{ position: relative; z-index: 3;}
.index_item.index2 .brief .text .txt{ display: inline-block; padding-left: 20px; height: 100%; line-height: 36px; font-size: 20px; color: #900000;}
.index_item.index2 .brief .text .img:before{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #900000; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s ease-out infinite; animation: anim-out2 3s ease-out infinite; z-index: 1;}
.index_item.index2 .brief .text .img:after{ display: block; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #900000; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s 1s ease-out infinite; animation: anim-out2 3s 1s ease-out infinite; z-index: 2;}
.index_item.index2 .brief .text .img .before2{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #900000; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation: anim-out2 3s 2s ease-out infinite; animation: anim-out2 3s 2s ease-out infinite; z-index: 1;}
.index_item.index2 .list{ margin-top: 52px; padding: 0 11px; width: 100%; text-align: center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.index_item.index2 .list .item{ display: inline-block; margin: 40px 10px 0 0; width: 224px; height: 100px;}
.index_item.index2 .list .item:nth-child(-n+5){ margin-top: 0;}
.index_item.index2 .list .item:nth-child(5){ margin-right: 0;}
.index_item.index2 .list .item:last-child{ margin-right: 0;}
.index_item.index2 .list .item .icon{ position: relative; width: 100%; height: 100%; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.index_item.index2 .list .item .icon span{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.index_item.index2 .list .item .icon span.img1{ opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.index_item.index2 .list .item .icon:hover span.img1{ opacity: 1;}

.index_item.index3{ padding: 0 0 87px; background: #37ae8e;}
.index_item.index3 .t{ height: 38px;line-height: 70px; padding-top: 80px; font-size: 50px; color: #fff;}
.index_item.index3 .item{ display: flex; justify-content: space-between; align-items: center; margin-top: 70px;font-size: 0;}
.index_item.index3 .item .list{ position: relative; width: 240px; display:inline-block; color:#fff; font-size:18px;vertical-align: top;}
.index_item.index3 .item .firt{ display: flex; justify-content: center; align-items: start; height: 59px;font-size: 40px;color: #fff;}
.index_item.index3 .item .firt strong{font-weight: bold;position: relative;}
.index_item.index3 .item .firt strong span{ position: relative; top: 30px; opacity: 0; font-weight: bold;}
.index_item.index3 .item .firt em{ margin: 10px 0 0 10px; font-size: 18px;font-style: normal;}
.index_item.index3 .item .sect{ display: inline-block; margin: 7px 0 0 -30px; height: 25px; line-height: 25px; font-size: 20px; color: #fff;}
.index_item.index3 .item .list:nth-child(3) .sect{ margin-left: 4px;}
.index_item.index3 .item .list:nth-child(4) .sect,
.index_item.index3 .item .list:nth-child(5) .sect{ margin-left: -15px;}

.index_item.index4{  width: 100%; height: 529px; background: url(/images/index/index4_bg.jpg) no-repeat center; border-bottom: 1px solid #f0f0f0; box-sizing: border-box;}
.index_item.index4 .item_title{ line-height: 70px;}
.index_item.index4 .list{ position: relative; margin-top: 58px; width: 100%; text-align: center; box-sizing: border-box;}
.index_item.index4 .list .swiper-container{ display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.index_item.index4 .list .item{ display: inline-block; margin: 0 50px; width: 98px;}
.index_item.index4 .list .item:first-child{ margin-left: 0;}
.index_item.index4 .list .item:last-child{ margin-right: 0;}
/*.index_item.index4 .list .item:nth-child(-n+6){ margin-top: 0;}*/
/*.index_item.index4 .list .item:nth-child(6n){ margin-right: 0;}*/
/*.index_item.index4 .list .item:last-child{ margin-right: 0;}*/
.index_item.index4 .list .item .icon{ position: relative; width: 100%; height: 98px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.index_item.index4 .list .item .icon span{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 10px 10px rgba(0, 0, 0, .1);}
.index_item.index4 .list .item .title{ margin-top: 21px; line-height: 27px; font-size: 18px; color: #333;}

.index_item.index4 .list .swiper-pagination{ bottom: -50px; width: 100%;}
.index_item.index4 .list .swiper-pagination-clickable .swiper-pagination-bullet{ margin: 0 5px; width: 12px; height: 12px; outline: 0;}
.index_item.index4 .list .swiper-pagination-bullet{ background: #bebebe; opacity: 1;}
.index_item.index4 .list .swiper-pagination-bullet-active{ background: #37ae8e;}
/*
.index_item.index4 .list .item .icon span.img1{ opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.index_item.index4 .list .item .icon:hover span.img1{ opacity: 1;}
*/

.partner_box{width: 100%; height: 529px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; padding-top: 90px; margin-top: 105px;}
.partner_box .item_title{ line-height: 70px; width: 100%; font-size: 50px; color: #000; text-align: center;}
.partner_box .list{ position: relative; margin-top: 58px; width: 100%; text-align: center; box-sizing: border-box;}
.partner_box .list .swiper-container{ display: flex; justify-content: center; align-items: center; box-sizing: border-box;}
.partner_box .list .item{ display: inline-block; margin: 0 50px; width: 98px;}
.partner_box .list .item:first-child{ margin-left: 0;}
.partner_box .list .item:last-child{ margin-right: 0;}
.partner_box .list .item .icon{ display: block; position: relative; width: 100%; height: 98px; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s;}
.partner_box .list .item .icon span{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 10px 10px rgba(0, 0, 0, .1);}
.partner_box .list .item .title{ display: block; margin-top: 21px; line-height: 36px; font-size: 24px; color: #000;}
.partner_box .list .swiper-pagination{ bottom: -50px; width: 100%;}
.partner_box .list .swiper-pagination-clickable .swiper-pagination-bullet{ margin: 0 5px; width: 12px; height: 12px; outline: 0;}
.partner_box .list .swiper-pagination-bullet{ background: #bebebe; opacity: 1;}
.partner_box .list .swiper-pagination-bullet-active{ background: #37ae8e;}

/*.solution{ padding-bottom: 100px;}*/
.solution .list_ary{ position: relative; margin: 75px auto 0; width: 1200px; height: 580px; box-sizing: border-box;}
.solution .list_ary .list_outer{ display: flex; justify-content: space-between; align-items: start; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.3s;}
.solution .list_ary .list_outer .con{ margin-top: 140px; width: 450px;}
.solution .list_ary .list_outer .con .title{ position: relative; padding-top: 68px; width: 100%; line-height: 58px; font-size: 38px; color: #111;}
.solution .list_ary .list_outer .con .title .num{ display: block; position: absolute; top: 0; left: 0; line-height: 110px; font-size: 140px; color: #252f3e; opacity: 0.08; font-family: Montserrat-Bold; font-weight: bold;}
.solution .list_ary .list_outer .con .brief{ margin-top: 30px; width: 100%; line-height: 35px; font-size: 18px; color: #333;}
.solution .list_ary .list_outer .con .btn{ margin-top: 30px; width: 100%; height: 38px; line-height: 38px;}
.solution .list_ary .list_outer .con .btn a{ display: inline-block; padding-right: 20px; background: url(/images/index/solution_btn_icon.png) no-repeat center right; font-size: 18px; color: #900000; text-decoration: none; z-index: 1;}
.solution .list_ary .list_outer.cur{ opacity: 1; z-index: 1;}
.solution .list_ary .list_outer .img{ display: flex; justify-content: flex-end; align-items: center; height: 100%;}

.story{ margin: 0 auto; padding: 66px 0 80px; width: 1180px;}
.story .title{ width: 100%; line-height: 66px; font-size: 40px; color: #333; text-align: center;}
.story .list{ margin-top: 53px; width: 100%;}
.story .list .item{ width: 570px; height: 550px; border: 1px solid #d8e0de; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; transition: all 0.5s;}
.story .list .item:hover{ box-shadow: 0 0 20px 0 #c1e3dd; border: 1px solid #900000;}
.story .list .item .img{ width: 100%; height: 235px;}
.story .list .item .i_title{ width: 100%; height: 57px; line-height: 57px; font-size: 28px; color: #333; text-align: center;}
.story .list .item .i_brief{ margin: 0 auto; width: 430px; margin-top: 18px;}
.story .list .item .i_brief .row{ position: relative; margin-top: 8px; padding-left: 15px; width: 100%; line-height: 32px; font-size: 18px; color: #555; -webkit-box-sizing: border-box; box-sizing: border-box;}
.story .list .item:first-child .i_brief .row{ margin-top: 16px;}
.story .list .item .i_brief .row:first-child{ margin-top: 0;}
.story .list .item .i_brief .row:before{ display: block; content: ''; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; background: #900000; -webkit-border-radius: 50%; border-radius: 50%;}
.story .list .item .i_brief .btn{ display: block; margin: 32px auto 0; width: 180px; height: 48px; line-height: 44px; border: 2px solid #900000; font-size: 18px; color: #900000; text-align: center; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s;}
.story .list .item:hover .i_brief .btn{ background: #900000; color: #fff;}

.seller{ margin-bottom: 336px; padding: 40px 0 344px; width: 100%; background: #f5f5f5;}
.seller .wrap{ position: relative;}
.seller .title{ width: 100%; height: 83px; border-bottom: 3px solid #d0d0d0; text-align: center;}
.seller .title .t_item{ display: inline-block; position: relative; margin: 0 25px; padding: 0 8px; height: 100%; line-height: 83px; font-size: 24px; color: #666; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;}
.seller .title .t_item:before{ display: block; content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 6px; background: #0cba92; opacity: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.seller .title .t_item:hover{ color: #900000;}
.seller .title .t_item.cur{ color: #900000;}
.seller .title .t_item.cur:before{ opacity: 1;}

.seller .list{ position: absolute; top: 136px; width: 100%; min-width: 1200px; height: 630px; overflow: hidden;}
.seller .list .con{ display: none; position: absolute; left: 0; top: 0; width: 100%;}
.seller .list .con .c_title{ width: 100%; height: 58px; line-height: 58px; font-size: 40px; color: #333; text-align: center;}
.seller .list .con .content{ position: relative; margin-top: 40px; padding: 55px; width: 100%; background: #fff; border: 1px solid #d8e0de; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.seller .list .con .content .left{ width: 610px;}
.seller .list .con .content .left .img{ position: relative; width: 100%;}
.seller .list .con .content .left .img .video_btn{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.seller .list .con .content .left .img .video_btn .video_btn_icon{ display: block; position: absolute; left: 50%; top: 50%; margin: -38px 0 0 -38px; width: 76px; height: 76px; background: url(/images/play_icon.png) no-repeat center; -webkit-border-radius: 50%; border-radius: 50%;}
.seller .list .con .content .left .l_title{ margin-top: 20px; width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #666; text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;}
.seller .list .con .content .right{ width: 397px;}
.seller .list .con .content .right .row{ margin-top: 32px; width: 100%; height: 52px;}
.seller .list .con .content .right .row:first-child{ margin-top: 0;}
.seller .list .con .content .right .row .icon{ width: 52px; height: 52px; border: 2px solid #ececec; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.seller .list .con .content .right .row .text{ padding-left: 20px; width: calc(100% - 52px); height: 100%; line-height: 52px; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}

.seller .list .con.cur{ display: block;}
/*.seller .list .con.cur .left:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);}*/
.seller .list .con .content .left:hover .l_title{color: #900000;}
/*
.seller{ margin-bottom: 336px; padding: 40px 0 344px; width: 100%; background: #f5f5f5;}
.seller .wrap{ position: relative;}
.seller .title{ width: 100%; height: 83px; border-bottom: 3px solid #d0d0d0; text-align: center;}
.seller .title .t_item{ display: inline-block; position: relative; margin: 0 25px; padding: 0 8px; height: 100%; line-height: 83px; font-size: 24px; color: #666; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;}
.seller .title .t_item:before{ display: block; content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 6px; background: #0cba92; opacity: 0; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.seller .title .t_item:hover{ color: #900000;}
.seller .title .t_item.cur{ color: #900000;}
.seller .title .t_item.cur:before{ opacity: 1;}

.seller .list{ position: absolute; top: 136px; left: 50%; width: 100%; height: 630px; overflow: hidden; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.seller .list .con{ position: absolute; left: 0; top: 0; width: 100%;}
.seller .list .con .c_title{ width: 100%; height: 58px; line-height: 58px; font-size: 40px; color: #333; text-align: center; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-150%); transform: translateX(-150%);}
.seller .list .con .content{ position: relative; margin-top: 40px; padding: 55px; width: 100%; background: #fff; border: 1px solid #d8e0de; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.seller .list .con .content .left{ width: 610px; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-150%); transform: translateX(-150%);}
.seller .list .con .content .left .img{ position: relative; width: 100%;}
.seller .list .con .content .left .img .video_btn{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.seller .list .con .content .left .img .video_btn .video_btn_icon{ display: block; position: absolute; left: 50%; top: 50%; width: 76px; height: 76px; background: url(/images/play_icon.png) no-repeat center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.seller .list .con .content .left .l_title{ margin-top: 20px; width: 100%; height: 36px; line-height: 36px; font-size: 16px; color: #666; text-align: center;-webkit-transition: all 0.3s;transition: all 0.3s;}
.seller .list .con .content .right{ width: 397px; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-150%); transform: translateX(-150%);}
.seller .list .con .content .right .row{ display: flex; margin-top: 32px; width: 100%; height: 52px;}
.seller .list .con .content .right .row:first-child{ margin-top: 0;}
.seller .list .con .content .right .row .icon{ width: 52px; height: 52px; border: 2px solid #ececec; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.seller .list .con .content .right .row .text{ padding-left: 20px; width: calc(100% - 52px); height: 100%; line-height: 52px; font-size: 18px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}

.seller .list .con.cur .c_title{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.seller .list .con.cur .content{ z-index: 1;}
.seller .list .con.cur .content .left{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.seller .list .con.cur .content .right{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.seller .list .con.cur .left:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px);}
.seller .list .con .content .left:hover .l_title{color: #900000;}
*/


.video_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;}
.video_outer .video_con{ position: absolute; left: 50%; top: 50%; margin: -241px 0 0 -450px; padding: 20px; width: 900px; height: 482px; background: #fff;}
.video_outer .video_con video{ width: 100%; height: 100%;}
.video_outer .video_con embed{ width: 100%; height: 100%;}
.video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
.video_outer.cur{ display: block;}
/*
.video_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.5s; transition: all 0.5s;}
.video_outer .video_con{ position: absolute; left: 50%; top: 50%; padding: 20px; width: 900px; height: 482px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.video_outer .video_con video{ width: 100%; height: 100%;}
.video_outer .video_con embed{ width: 100%; height: 100%;}
.video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
.video_outer.cur{ -webkit-transform: translateY(0); transform: translateY(0);}
*/

#int .type .item{ display:block; text-decoration:none; width:570px; height:320px; border:1px solid #ddd; border-radius:5px; padding-top:45px; box-sizing:border-box;}
#int .type .item .title{ font-size:26px; color:#111; text-align:center;}
#int .type .item .subtitle{ font-size:22px; color:#111; text-align:center; margin-top:5px;}
#int .type .item .brief{ font-size:16px; text-align:center; color:#555; line-height:30px; margin-top:25px;}
#int .type .item .btn{ width:138px; height:41px; line-height:41px; color:#900000; text-align:center; border:2px solid #900000; margin:0 auto; font-size:16px; margin-top:30px; border-radius:3px;}
#int .type .item:hover{ box-shadow:0 0 20px 0 #c1e3dd; border:1px solid #900000;}
#int .type .item:hover .btn{ background:#900000; color:#fff;}
#w1000 #int .type .item{ width:480px; padding-top:20px; height:270px;}

#int .advantage .title{ height: 38px; line-height: 35px; font-size:40px; color:#333; text-align:center;}
#int .advantage .subtitle{ font-size:16px; color:#999; text-align:center;}
#int .advantage .story{ text-align:center;}
#int .advantage .story .video{ font-size:16px; color:#900000; text-decoration:none; padding-left:35px; display:inline-block; line-height:30px;}
#int .advantage .story span{border-radius: 100%;-moz-border-radius: 100%;-webkit-border-radius: 100%;}
#int .advantage .story i{ width:30px; height:30px; left:0; top:0; background:#900000; border-radius:50%; animation:suofang 3s infinite;}
#int .advantage .story i:before{ content:''; width: 0;height: 0;position: absolute; top: 0; right: 10px; margin:auto; bottom: 0; border-width: 5px 0 5px 8px; border-color: transparent;border-left-color: #fff; border-style: solid;}
@keyframes suofang{
	0%{ transform: scale(0.7,0.7);}
	50%{ transform: scale(1,1);}
	100%{ transform: scale(0.7,0.7);}
}

#int .amount{ height:210px; background:#37ae8d;}
#int .amount .item{ width:300px; height:90px; float:left; border-left:1px solid #4bb699; margin-top:60px; padding-left:90px; box-sizing:border-box;}
#int .amount .item .num{ font-size:40px; color:#fff;}
#int .amount .item .num strong{ font-weight:normal; font-family:"HelveticaNeueLTProThEx";}
#int .amount .item .num i{ right:-25px; top:0; font-size:16px; font-style:normal;}
#int .amount .item .num .img{ display: block; margin-left: 3px; height: 48px;}
#int .amount .item:nth-child(4) .num i{ right: -40px;}
#int .amount .item .num #knowledge i{ right: -50px;}
#int .amount .item .num #knowledge font{ height: 48px; margin-left: 2px;}
#int .amount .item .title{ font-size:16px; color:#fff; margin-top:15px;}
#int .amount .icons{ display: inline-block; font-weight: normal; font-family: "HelveticaNeueLTProThEx";}
#w1000 #int .amount .item{ width:250px; padding-left:75px;}

#inm .case{ padding-top: 78px;}
#inm .case .title{ font-size:30px;}
#inm .case .title span{ font-family:"Arial";}
#inm .case .title h2{ height: 60px; line-height: 60px; font-size:40px; color: #333;}
#inm .case .cate_title{ margin-top: 40px; width: 100%; height: 59px; border: 1px solid #e9ecef; border-left: 0; border-right: 0;}
#inm .case .cate_title .cate_list{ margin-left: 10px; width: auto; height: 100%; text-align: center;}
#inm .case .cate_title .cate_list .cate_con{ margin: 0 auto; width: auto; height: 100%; overflow: hidden; -webkit-border-radius: 24px; border-radius: 24px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#inm .case .cate_title .cate_list .cate_con .cate_item{ display: inline-block; margin-left: 50px; width: auto; height: 100%; line-height: 59px; font-size: 16px; color: #333; text-align: center; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s;}
#inm .case .cate_title .cate_list .cate_con .cate_item:first-child{ margin-left: 0;}
/*#inm .case .cate_title .cate_list .cate_con .cate_item:first-child{ border-right: 1px solid #900000;}*/
#inm .case .cate_title .cate_list .cate_con .cate_item:hover{ color: #900000;}
#inm .case .category{ height: 100%;}
#inm .case .category a{padding:0 21px; height: 100%; line-height: 59px; overflow:hidden; text-align:center; display:inline-block; font-size:16px; color:#333; margin:0 5px;vertical-align: top; -webkit-transition: all 0.3s; transition: all 0.3s;}
#inm .case .category span{display: inline-block;height: 30px;line-height: 30px;font-size: 14px;vertical-align: top;color: #ebebeb;}
#inm .case .category a:hover{ color: #900000; text-decoration:none;}
#inm .case .btn a{ width:280px; height: 57px; line-height: 56px; border:2px solid #900000; background: #900000; color:#fff; display:inline-block; border-radius:3px; font-size:18px; text-decoration:none;}
#inm .case .btn a:hover{ background: #48bdaa;}

#inm .course{ padding-top:60px; padding-bottom:75px; background:#f8f9f9;}
#inm .course .title{ font-size:30px;}
#inm .course .title h2{font-size:40px;}
#inm .course .subtitle{ color:#999; font-size:18px;}
#inm .course .item{ margin:0 10px;}
#inm .course .box{ width:570px; height:200px; padding-left:300px; box-sizing:border-box; padding-top:40px;}
#inm .course .box .name{ font-size:24px;}
#inm .course .box .brief{ font-size:16px; margin-top:10px; margin-bottom:20px;}
#inm .course .nor .box .name{ margin-top:10px; margin-bottom:20px;}
#inm .course .nor .box .brief{ margin:0;}
#inm .course .box .btn{ font-size:14px; display:inline-block; width:98px; height:26px; line-height:26px; border-style:solid; border-width:1px; text-align:center; border-radius:3px; text-decoration:none; font-weight:bold;}
#inm .course .box.b1{ background:url(../images/new/course1.jpg) no-repeat; background-size:100%;}
#inm .course .box.b1 *{ color:#4f78c2;}
#inm .course .box.b2{ background:url(../images/new/course2.jpg) no-repeat; background-size:100%;}
#inm .course .box.b2 *{ color:#5f6682;}
#inm .course .box.b3{ background:url(../images/new/course3.jpg) no-repeat; background-size:100%;}
#inm .course .box.b3 *{ color:#219999;}
#inm .course .box.b4{ background:url(../images/new/course4.jpg) no-repeat; background-size:100%;}
#inm .course .box.b4 *{ color:#b89a73;}

#inm .resource{ padding-top: 30px; width: 100%;}
#inm .resource .title{ height: 58px; line-height: 58px; font-size:30px;}
#inm .resource .title h2{font-size:40px;}
#inm .resource .list{ margin-top: 32px; padding-bottom: 63px; width: 100%; border-bottom: 1px solid #eee;}
#inm .resource .list .item{ display: block; margin-left: 6.25%; width: 29.1667%; text-decoration: none;}
#inm .resource .list .item:first-child{ margin-left: 0;}
#inm .resource .list .item .img{ position: relative; top: 0; width: 100%; height: 264px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#inm .resource .list .item .title{ margin-top: 30px; width: 100%; height: 42px; line-height: 42px; font-size: 24px; color: #222; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
#inm .resource .list .item:hover .img{ top: -10px;}
#inm .resource .list .item:hover .title{ color: #900000;}
#inm .resource .list .item .brief{ margin-top: 13px; height: 52px; line-height: 26px; font-size: 14px; color: #666; text-align: center; overflow: hidden;}
#inm .resource .list .item .btn{ margin-top: 24px; width: 100%; height: 30px; line-height: 30px; text-align: center;}
#inm .resource .list .item .btn .btn_a{ display: inline-block; padding-right: 22px; background: url('/images/resource_btn_icon.png') no-repeat center right; font-size: 16px; color: #900000; text-decoration: none;}

#w1000 #inm .course .box{ width:480px; height:168px; padding-left:240px;}

#inm .classroom{ padding: 60px 0 70px; width: 100%; background: #f5f5f5;}
#inm .classroom .classroom_in{ margin: 0 auto; width: 1180px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#inm .classroom .title{ width: 100%; height: 68px; line-height: 68px; font-size: 50px; color: #333; text-align: center;}
#inm .classroom .list{ display: flex; justify-content: space-between; margin-top: 70px; padding: 0 10px;}
#inm .classroom .list .item{ width: 366px; background: #fff; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; transform: translateY(0); -webkit-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; box-sizing: border-box;}
#inm .classroom .list .item .img{ display: block; width: 100%; height: 228px;}
#inm .classroom .list .item .con{ padding: 14px 14px 20px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
#inm .classroom .list .item .con .name{ display: block; width: 100%; height: 52px; line-height: 26px; font-size: 16px; color: #333; text-decoration: none; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all 0.3s; transition: all 0.3s;}
#inm .classroom .list .item .con .info{ margin-top: 7px; width: 100%; height: 15px;}
#inm .classroom .list .item .con .info .view{ padding-left: 23px; height: 100%; line-height: 15px; background: url(/images/n_website/view_icon.png) no-repeat left center; font-size: 14px; color: #555;}
#inm .classroom .list .item .con .info .time{ height: 100%; line-height: 15px; font-size: 15px; color: #bbb;}
#inm .classroom .list .item .con .info .clear{ clear: both;}

#inm .classroom .mode_btn{ display: block; margin: 60px auto 0; width: 300px; height: 50px; line-height: 46px; border: 2px solid #900000; font-size: 24px; color: #900000; text-align: center; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 25px;}

#inm .classroom .list .item:hover{ transform: translateY(-10px);}
#inm .classroom .list .item:hover .name{ color: #900000;}
#inm .classroom .mode_btn:hover{ background: #900000; color: #fff;}

.new_top{ margin-bottom: 5px;}
.new_top .h2{ line-height: 68px; font-size: 40px; margin-bottom: 42px; color: #1B64AB; }
.new_top .litem{width: 27.8%;float: left;margin-left: 7.1%;padding:0 0.4%;}
.new_top .litem .title{display: block;position: relative;height: 64px;line-height: 64px;border-bottom: 1px solid #f0f0f0;background: url(../images/icon_ind_new_0.png) no-repeat left center;font-size: 22px;color: #111;padding-left: 45px;text-decoration: none;}
.new_top .litem .title:before{position: absolute;right: 0;top: 0;bottom: 0;width: 8px;margin:auto;background: url(../images/icon_ind_new_4.png) no-repeat left center;content: '';}
.new_top .litem .title1{background-image: url(../images/icon_ind_new_1.png);}
.new_top .litem .title2{background-image: url(../images/icon_ind_new_2.png);}
.new_top .litem ul{ padding-top: 7px;}
.new_top .litem li{ margin-top: 17px;}
.new_top .litem .name{display: block;height: 22px;line-height: 22px;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; text-decoration:none;}
.new_top .litem .name:hover{ color:#900000;}
.new_top .litem .name img{display: inline-block;margin-left: 2px;}
.new_top .litem .date{height: 20px;line-height: 20px; font-size: 12px;color: #bbb;}

#inb .t{height: 64px;line-height: 64px;text-align: center;border-top: 1px solid #eeeeee;border-bottom: 1px solid #eee;}
#inb .more{display: inline-block;padding-right: 23px;background: url(../images/more_arr.png) no-repeat right center;font-size:14px; color:#48bdaa;}
_#inb h3{ height:20px; line-height:20px;margin-bottom:20px; position:relative;}
_#inb h3 img{display: inline-block;vertical-align: top;margin-top: 4px;margin-left: 5px;}
_#inb h3 a{ display: inline-block;height:20px; line-height:20px; overflow:hidden;font-size:14px; color:#545454;}
#inb h3 span.fr{ color:#bbbbbb; font-size:14px;}
#inb h3 i{ width:3px; height:3px; position:absolute; left:0; top:9px; display:block; background:url(/images/icons.png) no-repeat; background-position:-465px -162px;}
#inb h3:hover a{ text-decoration:none; color:#48bdaa;}
#inb .news{ width:560px;}
#inb .news .module_ico{height: 130px;background: url(../images/news_ico0.png) no-repeat center center;}
#inb .news .item{ margin-bottom:20px;}
#inb .news .item .img{ width:195px; height:100px;}
#inb .news .item .list{ width:295px;}
#inb .news .item .con{ width:340px;}
#inb .news .item .con h2{ height:25px; line-height:25px; overflow:hidden;}
#inb .news .item .con h2 a{ font-size:16px; color:#535353; font-weight:bold;}
#inb .news .item .con h2 a:hover{ color:#48bdaa; text-decoration:none;}
#inb .news .item .con .intro{ font-size:14px; color:#888; height:25px; line-height:25px; overflow:hidden; margin-top:5px;}
#inb .news .item .con .date{ font-size:14px; color:#bbbbbb; margin-top:25px;}
#inb .system{ width:560px;}
#inb .system .module_ico{height: 130px;background: url(../images/news_ico1.png) no-repeat center center;}

#inb .partner{ position:relative; border-top:1px solid #ededed;margin-bottom: 35px;}
#inb .partner .title{ position:absolute; left:10px; top:55px; font-size:26px; color:#373737;}
#inb .partner .title a{display: inline-block;padding-right: 23px;margin-top: 15px;background: url(../images/more_arr.png) no-repeat right center;font-size:14px; color:#32cab3;}
#inb .partner .container{ height:100px; padding-top:50px; padding-bottom:30px; overflow:hidden; padding-left:195px;}
#inb .partner .item{ float:left; margin-right:75px;}
#inb .partner .item a{ display:block; color:#333;}
#inb .partner .item img{ display:block;filter: grayscale(100%);-moz-filter: grayscale(100%);-webkit-filter: grayscale(100%);filter:gray; margin:0 auto;}
#inb .partner .item span{ display:block; text-align:center; padding-top:20px; font-size:14px; color:#999;}
#inb .partner .paypal_partner a{ text-decoration:none;padding-top: 5px;}
#inb .partner .paypal_partner i{ font-style:normal; color:#999; text-decoration:underline;}
#inb .partner .paypal_partner span{padding-top: 23px;}

#inb .hottag{ position:relative; border-top:1px solid #ededed;}
#inb .hottag .title{ position:absolute; left:10px; top:55px; font-size:26px; color:#373737;}
#inb .hottag .container{ /*height:100px;*/ min-height:100px; padding:30px 0; overflow:hidden; padding-left:150px;}
#inb .hottag .item{ float:left; margin-left:40px;}
#inb .hottag .item a{ display:block; color:#333;}
#inb .hottag .item img{ display:block;}
#inb .hottag .item span{ display:block; text-align:center; padding-top:10px;}
#inb .hottag .paypal_partner a{ text-decoration:none;}
#inb .hottag .paypal_partner i{ font-style:normal; color:#48bdaa;}
#inb .hottag .tag{ padding:10px 20px; border:1px solid #ededed; display:inline-block; font-size:14px; border-radius:100px; color:#333; margin-right:20px; margin-top:25px;}

/****** 首页 2022-5-31 *****/
.index_page_type1{width: 100%;}
.index_page_type1 .m_title{font-size: 50px; line-height: 50px; color: #000; text-align: center; }
.index_page_type1 .m_title span{display: inline-block; width: 55px; height: 55px; background-color: #900000; position: relative; vertical-align: middle; margin-right:30px;}
.index_page_type1 .m_title span em{font-family: 'Landon'; font-size: 64px; color: #fff; position: absolute; right: -2px; bottom: 0px; font-style: unset; }
.index_page_type1.step1{background-color:#fafafa; padding: 98px 0px 100px;}
.index_page_type1.step1 .list{margin-top: 96px; display: flex; justify-content:space-between;}
.index_page_type1.step1 .item{width: 29.16666%;position: relative; opacity: 0;}
.index_page_type1.step1 .item .img_box{width: 100%; text-align: center;}
.index_page_type1.step1 .item .desc{position: absolute; right: 0px; bottom: -30px; z-index: 1; width: calc(66.66666% - 60px); padding: 30px; background-color: #fff; font-size: 16px; color: #333333; line-height: 30px; height: 90px; box-shadow: 0px 10px 20px rgba(0,0,0,0.08);}
.index_page_type1.step1 .inq_btn{display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; margin: 80px auto 0px; background-color: #900000; border-radius: 25px; font-size:20px; color: #fff;}

.index_page_type1.step1.cur .list .item{-webkit-animation: up_to_down 1s 0.5s ease-out forwards; animation: up_to_down 1s 0.5s ease-out forwards;}

@keyframes up_to_down{
	0% { transform: translateY(-30px); opacity: 0;}
	100% { transform: translateY(0); opacity: 1;}
}

.index_page_type1.step2{margin: 100px 0px 0px;}
.index_page_type1.step2 .item_box{display: flex; justify-content:space-between; align-items:center;}
.index_page_type1.step2 .item_box .left{position: relative;}
.index_page_type1.step2 .item_box .left .po_img{position: absolute;}
.index_page_type1.step2 .item_box .right{}
.index_page_type1.step2 .item_box .right .tit{font-size: 40px; color: #000; line-height: 40px; }
.index_page_type1.step2 .item_box .right .tit .green{color: #900000}
.index_page_type1.step2 .item_box .right .list{margin-top: 15px;}
.index_page_type1.step2 .item_box .right .list li{font-size: 20px; line-height: 40px; color: #636363; padding-left: 24px; position: relative;}
.index_page_type1.step2 .item_box .right .list li:before{content: ''; position: absolute; left: 0px; top: 17px; width: 6px; height: 6px; border-radius: 3px; background-color: #1ac488;}
.index_page_type1.step2 .item_box .right .desc{font-size: 20px; color: #636363; line-height: 40px; margin-top: 15px;}
.index_page_type1.step2 .item_box .right .btn{display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; margin-top: 25px; background-color: #900000; border-radius: 25px; font-size:20px; color: #fff;}

.index_page_type1.step2 .item_box.item1{margin-top: 200px;}
.index_page_type1.step2 .item_box.item1 .left{width: 35.76388%; margin-left:4.51388%;}
.index_page_type1.step2 .item_box.item1 .left .po_img.img1{top: -61px; right: 64px; opacity: 0;}
.index_page_type1.step2 .item_box.item1 .left .po_img.img2{top: 48px; left: 55px; opacity: 0;}
.index_page_type1.step2 .item_box.item1 .left .po_img.img3{bottom: 132px; right: -9px; opacity: 0;}

.index_page_type1.step2 .item_box.item1.cur .left .po_img.img1{-webkit-animation: type1_step2_up 1s 0.5s ease-out forwards; animation: type1_step2_up 1s 0.5s ease-out forwards;}
.index_page_type1.step2 .item_box.item1.cur .left .po_img.img2{-webkit-animation: type1_step2_up 1s 1s ease-out forwards; animation: type1_step2_up 1s 1s ease-out forwards;}
.index_page_type1.step2 .item_box.item1.cur .left .po_img.img3{-webkit-animation: type1_step2_up 1s 1.5s ease-out forwards; animation: type1_step2_up 1s 1.5s ease-out forwards;}

.index_page_type1.step2 .item_box.item1 .right{width: 38.75%; margin-right: 4.86111%;}
.index_page_type1.step2 .item_box.item2{margin-top: 115px; flex-direction:row-reverse;}
.index_page_type1.step2 .item_box.item2 .left{width: 52.22222%; text-align: right;}
.index_page_type1.step2 .item_box.item2 .left .banner_box{width: 580px; height: 404px; position: absolute; top: 40px; right: 110px; box-shadow: 0px 10px 20px rgba(0,0,0,0.08); opacity: 0;}
.index_page_type1.step2 .item_box.item2 .left .banner_box .main_ul{width: 580px; height: 404px; overflow: hidden;}
.index_page_type1.step2 .item_box.item2 .left .left_btn{display: inline-block; width: 37px; height: 37px; background-color: #fff; z-index: 2; border-radius: 18px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); position: absolute; left: -17px; top: calc(50% - 17.5px);}
.index_page_type1.step2 .item_box.item2 .left .left_btn:before{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-right: 8px solid #b3b3b3;border-bottom: 7px solid transparent; position: absolute; left: 35%; top: calc(50% - 7px);}
.index_page_type1.step2 .item_box.item2 .left .left_btn:after{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-right: 8px solid #fff;border-bottom: 7px solid transparent; position: absolute; left: calc(35% + 1px); top: calc(50% - 7px);}

.index_page_type1.step2 .item_box.item2 .left .right_btn{display: inline-block; width: 37px; height: 37px; background-color: #fff; z-index: 2; border-radius: 18px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); position: absolute; right: -17px; top: calc(50% - 17.5px);}
.index_page_type1.step2 .item_box.item2 .left .right_btn:before{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-left: 8px solid #b3b3b3;border-bottom: 7px solid transparent; position: absolute; right: 35%; top: calc(50% - 7px);}
.index_page_type1.step2 .item_box.item2 .left .right_btn:after{content: '';  width: 0;height: 0;border-top: 7px solid transparent;border-left: 8px solid #fff;border-bottom: 7px solid transparent; position: absolute; right: calc(35% + 1px); top: calc(50% - 7px);}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list{margin-top: 40px; margin-left: -17px;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul{width: 609px; display: flex; justify-content:space-between;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul li{display: inline-block; width: 131px; height: 81px; border:1px solid transparent; border-radius: 5px; overflow: hidden; cursor: pointer; text-align: center;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul li img{width: 100%; max-height: unset;}
.index_page_type1.step2 .item_box.item2 .left .s_pic_list ul li.swiper-slide-thumb-active{border:1px solid #1ac488;}
.index_page_type1.step2 .item_box.item2 .right{width: 38.75%; margin-left: 8.33333%; }

.index_page_type1.step2 .item_box.item2.cur .left .banner_box{-webkit-animation: type1_step2_up 1s 0s ease-out forwards; animation: type1_step2_up 1s 0s ease-out forwards;}

.index_page_type1.step2 .item_box.item3{margin-top: 326px;}
.index_page_type1.step2 .item_box.item3 .left{width: 30.625%; margin-left: 1.875%;}

.index_page_type1.step2 .item_box.item3 .left .po_img{transition:all .3s; }
.index_page_type1.step2 .item_box.item3 .left .po_img.img0{top:-63px ;left: 93px; opacity:0;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img1{top:50px ;right: -210px; opacity:0;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img2{bottom:63px ;left: 117px; width: 81px; height: 81px; transform: scale(0);border-radius: 100%;box-shadow: 0px 0px 30px #ccc;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img3{bottom:73px ;left: 224px; width: 55px; height: 55px; transform: scale(0);border-radius: 100%;box-shadow: 0px 5px 20px #eee;}
.index_page_type1.step2 .item_box.item3 .left .po_img.img4{bottom:73px ;left: 301px; width: 55px; height: 55px; transform: scale(0);border-radius: 100%;box-shadow:0px 5px 20px #eee;}

.index_page_type1.step2 .item_box.item3.cur .left .po_img.img0{-webkit-animation: type1_step2_up 1s 0.5s ease-out forwards; animation: type1_step2_up 1s 0s ease-out forwards;} 
.index_page_type1.step2 .item_box.item3.cur .left .po_img.img1{-webkit-animation: type1_step2_up 1s 0.5s ease-out forwards; animation: type1_step2_up 1s 0.5s ease-out forwards;}

.index_page_type1.step2 .item_box.item3.cur .left .po_img.img2{-webkit-animation: type1_step2_img_big 0.5s 1.5s ease-out forwards; animation: type1_step2_img_big 0.5s 1.5s ease-out forwards;}
.index_page_type1.step2 .item_box.item3.cur .left .po_img.img3{-webkit-animation: type1_step2_img_big 0.5s 2s ease-out forwards; animation: type1_step2_img_big 0.5s 2s ease-out forwards;}
.index_page_type1.step2 .item_box.item3.cur .left .po_img.img4{-webkit-animation: type1_step2_img_big 0.5s 2.5s ease-out forwards; animation: type1_step2_img_big 0.5s 2.5s ease-out forwards;}

@-webkit-keyframes type1_step2_up {
	0% { transform: translateY(30px); opacity: 0;}
	100% { transform: translateY(0); opacity: 1;}
}

@-webkit-keyframes type1_step2_img_big {
	0% {transform: scale(0);}
	50% { transform: scale(1.2);}
	100% { transform: scale(1);}
}


.index_page_type1.step2 .item_box.item4{margin-top: 145px; flex-direction:row-reverse;}
.index_page_type1.step2 .item_box.item4 .left{width:39.86111%; margin-right: 7.56944%;}
.index_page_type1.step2 .item_box.item4 .left .po_img{position: absolute; transition:all .3s; opacity: 0;}
.index_page_type1.step2 .item_box.item4 .left .img3{}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1{position: absolute; left: 50%; bottom: 77px; transform: translateX(-50%);}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list{ margin: 0 0 -5px -7px;}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list.small{ margin-bottom: 0; height: 20px; line-height: 20px;}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list.small .sec{ display: flex; position: absolute; left: 50%; bottom: 30px; margin-left: 4px; height: 20px; line-height: 20px; font-size: 14px; color: #0bba91; transform: translateX(-50%);}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list.small em{ margin-left: 3px; font-style: inherit;}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list.small span{ display: inline; font-size: 14px; color: #0bba91;}
.index_page_type1.step2 .item_box.item4 .left .img3 .technology1 span{ font-size: 26px; color: #424242;}
.index_page_type1.step2 .item_box.item4 .left .img4{bottom: 0px; right: 205px;}
.index_page_type1.step2 .item_box.item4 .right{width: 31.94444%; margin-left: 8.33333%;}
.index_page_type1.step2 .cooperation_box{margin-top: 234px; display: flex; justify-content:center; align-items:center;}
.index_page_type1.step2 .cooperation_box .left{width: 41.66667%; display: flex; flex-wrap:wrap; justify-content:space-between;}
.index_page_type1.step2 .cooperation_box .left .item{width: 31%; height: 0px; padding-top:60px; margin: 10px 0px; position: relative; }
.index_page_type1.step2 .cooperation_box .left .item img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.index_page_type1.step2 .cooperation_box .left .item .more{position: absolute; width: 100%; top: 50%; text-align: center;}
.index_page_type1.step2 .cooperation_box .left .item .more span{display: inline-block; width: 7px; height: 7px; background-color: #900000; border-radius: 3.5px; margin-right: 10px;}
.index_page_type1.step2 .cooperation_box .right{margin-left: 160px;}
.index_page_type1.step2 .cooperation_box .right .tit{font-size: 40px; line-height: 40px; color: #000;}
.index_page_type1.step2 .cooperation_box .right .tit .green{color: #900000;}
.index_page_type1.step2 .cooperation_box .right .btn{display: block; width: 280px; height: 50px; line-height: 50px; text-align: center; margin-top: 50px; background-color: #900000; border-radius: 25px; font-size:20px; color: #fff;}

.index_page_type1.step2 .item_box.item4.cur .left .po_img.icon0{opacity: 1; top: 20px; right: 11px; -moz-animation: effect2-icon0-anim 4s; -webkit-animation: effect2-icon0-anim 4s; animation: effect2-icon0-anim 4s;}
.index_page_type1.step2 .item_box.item4.cur .left .po_img.icon1{opacity: 1; top: 102px; left: 52px; -moz-animation: effect2-icon1-anim 4s; -webkit-animation: effect2-icon1-anim 4s; animation: effect2-icon1-anim 4s;}
.index_page_type1.step2 .item_box.item4.cur .left .po_img.icon2{opacity: 1; bottom: 17px; left: 25px; -moz-animation: effect2-icon2-anim 4s; -webkit-animation: effect2-icon2-anim 4s; animation: effect2-icon2-anim 4s;}
.index_page_type1.step2 .item_box.item4.cur .left .po_img.icon3{opacity: 1; bottom: 0px; right: 205px; -moz-animation: effect2-icon3-anim 4s; -webkit-animation: effect2-icon3-anim 4s; animation: effect2-icon3-anim 4s;}

.index_page_type1.step3{margin-top: 280px;}
.index_page_type1.step3 .main_circle{margin:55px auto 0px; width: 1009px; height: 1009px; border-radius: 506px; border:1px dashed #94d8cd; position: relative;}
.index_page_type1.step3 .main_circle .green_circle{width: 896px; height: 896px; border-radius: 448px; background-color: #f4fbfa; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.index_page_type1.step3 .main_circle .s_circle{width: 774px; height: 774px; border-radius: 388px; border:1px dashed #88d2c5; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.index_page_type1.step3 .main_circle .list .item{width: 277px; background-color: #fff; box-shadow: 0px 0px 7px rgba(0,0,0,0.08); border-top:1px solid transparent; position: absolute; z-index: 2;}
.index_page_type1.step3 .main_circle .list .item .pic_box{margin: 41px auto 0px; text-align: center; width: 75px; height: 0px; padding-top: 75px; position: relative;}
.index_page_type1.step3 .main_circle .list .item .pic_box img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.index_page_type1.step3 .main_circle .list .item .item_tit{font-size: 16px; color: #000; line-height: 30px; height: 60px; padding-top: 75px; position: relative; text-align: center; padding-bottom: 25px;}
.index_page_type1.step3 .main_circle .list .item .item_tit:before{content: ''; width: 50px; height: 4px; background-color: #1ac488; position: absolute; top: 38px; left: calc(50% - 25px); }
.index_page_type1.step3 .main_circle .list .item.box_1{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_2{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_3{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_4{top: 367px; left: 371px; z-index: 10;}
.index_page_type1.step3 .main_circle .list .item.box_5{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_6{top: 367px; left: 371px;}
.index_page_type1.step3 .main_circle .list .item.box_7{top: 367px; left: 371px;}

.index_page_type1.step3 .main_circle.cur .list .item.box_1{-webkit-animation: box_1_move 1s 1s ease-out forwards; animation: box_1_move 1s 1s ease-out forwards;}
.index_page_type1.step3 .main_circle.cur .list .item.box_2{-webkit-animation: box_2_move 1s 1s ease-out forwards; animation: box_2_move 1s 1s ease-out forwards;}
.index_page_type1.step3 .main_circle.cur .list .item.box_3{-webkit-animation: box_3_move 1s 1s ease-out forwards; animation: box_3_move 1s 1s ease-out forwards;}
.index_page_type1.step3 .main_circle.cur .list .item.box_5{-webkit-animation: box_5_move 1s 1s ease-out forwards; animation: box_5_move 1s 1s ease-out forwards;}
.index_page_type1.step3 .main_circle.cur .list .item.box_6{-webkit-animation: box_6_move 1s 1s ease-out forwards; animation: box_6_move 1s 1s ease-out forwards;}
.index_page_type1.step3 .main_circle.cur .list .item.box_7{-webkit-animation: box_7_move 1s 1s ease-out forwards; animation: box_7_move 1s 1s ease-out forwards;}

@keyframes box_1_move{
	0% {top: 367px; left: 371px;}
	100% {top: 46px; left: 371px;}
}

@keyframes box_2_move{
	0% {top: 367px; left: 371px;}
	100% {top: 209px; left: 50px;}
}

@keyframes box_3_move{
	0% {top: 367px; left: 371px;}
	100% {top: 209px; left: 692px;}
}

@keyframes box_5_move{
	0% {top: 367px; left: 371px;}
	100% {top: 531px; left: 50px;}
}

@keyframes box_6_move{
	0% {top: 367px; left: 371px;}
	100% {top: 531px; left: 692px;}
}

@keyframes box_7_move{
	0% {top: 367px; left: 371px;}
	100% {top: 690px; left: 371px;}
}

.index_pro_server{margin: 105px auto 0px; width: 100%; max-width: 1920px; background-repeat: no-repeat; background-position: top center; height: 703px;}
.index_pro_server .m_title{font-size: 50px; line-height: 50px; color: #fff; text-align: center; padding-top: 115px;}
.index_pro_server .list{margin-top: 145px; display: flex;}
.index_pro_server .list .item{width: 16.66667%; height: 264px; display: flex; flex-wrap:wrap; align-items:center; align-content:center; background-color: rgba(55,174,142,0.8);}
.index_pro_server .list .item:nth-child(2n){background-color: rgba(57,209,168,0.8);}
.index_pro_server .list .item .top{width: 100%; font-family: 'Landon'; font-size: 60px; line-height: 60px; color: #fff; text-align: center;}
.index_pro_server .list .item .desc{width: 100%; font-size: 20px; color: #fff; line-height: 20px; margin-top: 25px; text-align: center;}

.index_case_box{width: 100%; max-width: 1920px; margin: 60px auto 0px; position: relative; height: 780px; display: flex; align-items:center; overflow: hidden;}
.index_case_box:before{content: ''; width: 61.5625%; height: 100%; background-color: #fafafa; position: absolute; left: 0px; top: 0px; z-index: -1;}
.index_case_box:after{content: ''; width: 0px; height: 0px;  border-bottom:780px solid #fafafa; border-right: 200px solid transparent; position: absolute; left: 61.5625%; top: 0px; z-index: -1;}
.index_case_box .show_box{display: flex; justify-content:space-between; align-items:flex-start;}
.index_case_box .show_box .left{position: relative; margin-top: 25px;}
.index_case_box .show_box .left .pc_pic{width: 589px; height: 399px; border-radius: 27px; overflow: hidden; box-shadow: 0px 0px 7px rgba(0,0,0,0.08);}
.index_case_box .show_box .left .mb_pic{width: 149px; height: 320px; border:7px solid #303030; border-radius: 22px; overflow: hidden; box-shadow: 0px 0px 20px rgba(0,0,0,0.08); position: absolute; right: -60px; bottom: -80px;}

.index_case_box .show_box .right{width:45.13888%; margin-right: 4.79166%; background-color: #fff; box-shadow: 0px 10px 20px rgba(0,0,0,0.08); box-sizing:border-box; padding: 65px 40px;}
.index_case_box .show_box .right .tit{font-size: 24px; color: #333333; line-height: 24px;}
.index_case_box .show_box .right .tit .green{font-weight: bold; color: #37ae8e;}
.index_case_box .show_box .right .desc{font-size: 34px; color: #333333; line-height: 54px; padding-left: 37px; padding-top: 65px; position: relative; z-index: 1;}
.index_case_box .show_box .right .desc:before{content: '';  width: 69px; height: 42px; background: url('../images/index/index_case_desc_before.png') no-repeat center / 100%; position: absolute; top: 45px; left: 0px; z-index: -1;}
.index_case_box .show_box .right .desc .last{display: inline-block; width: 34px; height: 34px; background: url('../images/index/index_case_desc_end.png') no-repeat center / 100%;}
.index_case_box .show_box .right .case_name{margin-top: 25px; margin-left: 37px; font-size: 26px; color: #000000; line-height: 26px; color: #1ac488;}
.index_case_box .show_box .right .case_web{margin-top: 10px; margin-left: 37px;}
.index_case_box .show_box .right .case_web a{font-size: 16px; color: #1ac488; line-height: 16px; padding-right: 30px; background: url('../images/index/index_case_url_ico.png') no-repeat right center;}

.index_case_box.turn{}
.index_case_box.turn:before{width: 0px; height: 0px;  border-bottom:780px solid #fafafa; border-left: 200px solid transparent; position: absolute; right: 61.5625%; top: 0px; left: unset; background-color: unset;}
.index_case_box.turn:after{ width: 61.5625%; height: 100%; background-color: #fafafa; position: absolute; right: 0px; left: unset; top: 0px; border:0px;}
.index_case_box.turn .show_box{flex-direction:row-reverse;}
.index_case_box.turn .show_box .left .mb_pic{right: unset; left: -60px;}
.index_case_box.turn .show_box .right{margin-right: 0px;}

.index_case_box .left_fade_in{position: relative; left: -600px; opacity: 0;}
.index_case_box .right_fade_in{position: relative; right: -600px; opacity: 0;}

.index_case_box.cur .left_fade_in{-webkit-animation: left_fade 1s 0s ease-out forwards; animation: left_fade 1s 0s ease-out forwards;}
.index_case_box.cur .right_fade_in{-webkit-animation: right_fade 1s 0.5s ease-out forwards; animation: right_fade 1s 0.5s ease-out forwards;}

@keyframes left_fade{
   0% {left: -600px; opacity: 0;}
   100% {left: 0px; opacity: 1;}
}

@keyframes right_fade{
   0% {right: -600px; opacity: 0;}
   100% {right: 0px; opacity: 1;}
}

/*instance*/
#instance .wrap{ position:relative;}
#instance .category_blank{ height:170px;}
#instance .category_none_blank{ height:90px;}

#instance .menu .instance_tag{ width: 100%; height: 80px; border-bottom: 1px solid #d9d9d9; }
#instance .menu .instance_tag .list{ padding: 0 20px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
#instance .menu .instance_tag a{ display: inline-block; position: relative; padding: 0 45px; height: 100%; line-height: 80px; font-size: 18px; color: #333;text-decoration: none;}
#instance .menu .instance_tag a:before{ display: block; content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #900000; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
#instance .menu .instance_tag a.cur{ color: #900000;}
#instance .menu .instance_tag a.cur:before{ opacity: 1;}
#instance .menu .instance_tag a.icons{ padding-right:45px;}
#instance .menu .instance_tag a.icons i{ width:30px; height:30px; right:5px; top:0px; background:url(/images/instance.gif) no-repeat center center;}
#instance .menu .instance_tag a:hover{ color: #900000;}

#instance .menu{ width:100%;}
/*#instance .menu .instance_tag a:hover:before{ opacity: 1;}*/
#instance .menu .instance_category{ margin-top: 30px; width: 100%;}
#instance .menu .instance_category .list{ padding: 0 11px; height: 33px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#instance .menu .instance_category .list a{ display: inline-block; padding: 0 14px; height: 100%; line-height: 33px; font-size: 14px; color: #555; text-decoration: none; -webkit-border-radius: 17px; border-radius: 17px; -webkit-transition: all 0.3s; transition: all 0.3s;}
#instance .menu .instance_category .list a.cur{ background: #900000; color: #fff;}
#instance .menu .instance_category .list a:hover{ background: #900000; color: #fff;}

#instance .container{ margin-top: 59px; width: 100%;}

#instance .item{ width:540px; border:1px solid #e8e8e8; padding:20px; height:400px; float:left; margin-left:35px; margin-bottom:35px;}
#instance .item_nor{ margin-left:0;}
#instance .item .top .img{ width:257px; height:155px;}
#instance .item .top .con{ width:260px;}
#instance .item .top .con h3{ height:25px; line-height:25px; overflow:hidden;}
#instance .item .top .con h3 a{ font-size:16px; color:#1da189;}
#instance .item .top .con .url{ font-family:"Arial"; color:#646464; height:20px; line-height:20px; overflow:hidden; margin-top:5px;}
#instance .item .top .con .item_line{ height:1px; background:#eee; margin:10px 0;}
#instance .item .top .con .rows{ font-size:14px; margin-bottom:7px;}
#instance .item .top .intro{ font-size:14px; color:#646464; margin-top:15px;}
#instance .item .bot{ position:relative; margin-top:15px;}
#instance .item .bot .abs{ width:540px; padding:0 20px; position:absolute; left:-21px; top:0; background:#fff; border:1px solid #e8e8e8; border-top:0; border-bottom:0; cursor:pointer;}
#instance .item .bot .con{ padding:5px 0; height:155px; overflow:hidden; min-height:155px;}
#instance .item .bot .con_cur{ height:auto;}
#instance .item .bot .title{ height:34px; line-height:34px; font-size:14px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
#instance .item .bot .rows{ font-family:"Arial"; color:#535353; height:20px; line-height:20px; overflow:hidden; margin-top:5px;}
#instance .item .bot .rows span{ margin-right:25px;}
#instance .item .bot .btn{ width:100%; height:20px; position:absolute; left:-1px; bottom:-20px; border:1px solid #e8e8e8; border-top:0; background:#f5f5f5;}
#instance .item .bot .btn i{ width:16px; height:8px; left:50%; margin-left:-8px; top:50%; margin-top:-4px; background:url(/images/icons.png) no-repeat; background-position:-371px -424px;}
#instance .item .bot .btn_cur i{ background-position:-371px -392px;}


/*about*/
#about .content{}
#about .content .top_item{ display: flex; justify-content: space-between; align-items: center; margin-top: 80px; padding: 0 30px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#about .content .top_item .con{ display: flex; justify-content: center; align-items: center;}
#about .content .title{/* width:470px;*/ line-height:48px; font-size:28px; color: #333;}
#about .content .intro{ margin-top: 18px; width: 590px;/* padding-right: 20px;*/line-height: 32px; font-size:16px; color:#444;}
#about .content .top_item:first-child .con .intro{ width: 595px;}
#about .content .img_box{ position: relative;width:448px; height:283px;}
#about .content .img{ width:448px; height:283px;}
#about .content .img img{width: 100%;height: 100%;}
#about .content .img i{ width: 44px; height: 30px; border: 2px solid #fff; left: 20px; bottom: 20px; background:url(/images/about_play_icon.png) no-repeat center; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px;}
#about .technology{ width:100%; height:420px; background:url(/images/about_technology.jpg) top center no-repeat;}
#about .technology .t{ color:white; font-size: 28px; height: 38px;line-height: 38px; padding-top:90px;}
#about .technology .item{margin-top: 70px;font-size: 0;}
#about .technology .item .list{position: relative;width:212px; height:125px; display:inline-block; color:#fff; font-size:18px; margin:0 12px;vertical-align: top;}
#about .technology .item .list:before{content:'';position: absolute;left: 0;right: 0;bottom: 0;height: 11px;border:1px solid #6d6f6e;border-top: none;}
#about .technology .item .firt{height: 59px;line-height: 59px;font-size: 50px;color: #01bea2;}
#about .technology .item .firt strong{font-weight: normal;position: relative;}
#about .technology .item .firt strong span{position: relative;top: 30px;opacity: 0;}
#about .technology .item .firt em{font-size: 16px;font-style: normal;}
#about .technology .item .sect{height: 43px;line-height: 43px;font-size: 16px;color: white;}

#about .progress_s0 .t .i_year{color: #2ca594;}
#about .progress_s0 .contents{ width: 100%; height:550px; background:url(/images/about_progress_big_s1.png) no-repeat center; position:relative;}
#about .progress_s0 .contents .item{ position:absolute; font-size:14px; color:#444; left:-50px; top:-50px;}
#about .progress_s0 .contents .item .i_year{ display: block; width: 100%; line-height: 27px; font-size: 22px; color: #4aac7d; margin-bottom: 20px;}
#about .progress_s0 .contents .item .i_title{ display: block; width: 100%; line-height: 20px;}
#about .progress_s0 .contents .item.down .i_year{margin-bottom: 0;margin-top: 20px;}
#about .progress_s0 .contents .flag{position: absolute;top: 191px;left: 14px;}
#about .progress_s0 .contents .flag_hide{display: none;}

#about .progress_s0 .contents .flag1{left: 14px;}
#about .progress_s0 .contents .flag2{left: 158px;}
#about .progress_s0 .contents .flag3{left: 306px;}
#about .progress_s0 .contents .flag4{left: 449px;}
#about .progress_s0 .contents .flag5{left: 594px;}
#about .progress_s0 .contents .flag6{left: 737px;}
#about .progress_s0 .contents .flag7{left: 882px;}
#about .progress_s0 .contents .flag8{left: 1025px;}
#about .progress_s0 .contents .flag9{left: 1062px;top: 340px;}
#about .progress_s0 .contents .flag10{left: 919px;top: 340px;}
#about .progress_s0 .contents .flag11{left: 774px;top: 340px;}
#about .progress_s0 .contents .flag12{left: 631px;top: 340px;}
#about .progress_s0 .contents .flag13{left: 486px;top: 340px;}
#about .progress_s0 .contents .flag14{left: 343px;top: 340px;}
#about .progress_s0 .contents .flag15{left: 198px;top: 340px;}
#about .progress_s0 .contents .flag_90{transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
#about .progress_s0 .contents .flag_180{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#about .progress_s0 .contents .move{animation:mymove_s0 8s linear;-webkit-animation:mymove_s0 8s linear;}

@keyframes mymove_s0{
  8%{left: 200px;top:191px;}
  16%{left: 359px;top:191px;}
  24%{left: 520px;top:191px;}
  32%{left: 679px;top:191px;}
    40%{left: 840px;top: 191px;}
    48%{left: 999px;top: 191px;}/*turn star*/
    52%{left: 1130px;top: 191px;}
    53%{left: 1164px;top: 195px;}/*corner*/
  55%{left: 1178px;top: 210px;}
  58%{left: 1178px;top: 300px;}
  59%{left: 1164px;top: 326px;}/*corner*/
  61%{left: 1100px;top: 340px;}
  65%{left: 999px;top: 340px;}/*turn end*/
  72%{left: 840px;top: 340px;}
  79%{left: 679px;top: 340px;}
  86%{left: 520px;top: 340px;}
  93%{left: 359px;top: 340px;}
  100%{left: 200px;top: 340px;}
}
#about .progress_s0 .contents .i0{ left:42px; top:7px;}
#about .progress_s0 .contents .i1{ left:187px; top:37px;}
#about .progress_s0 .contents .i2{ left:336px; top:7px;}
#about .progress_s0 .contents .i3{ left:478px; top:37px;}
#about .progress_s0 .contents .i4{ left:623px; top:7px;}
#about .progress_s0 .contents .i5-1{ left:766px; top:37px;}
#about .progress_s0 .contents .i5-2{ left:910px; top:7px;}
#about .progress_s0 .contents .i6{ left:1053px; top:37px;}
#about .progress_s0 .contents .i7{ left:944px; top:415px;}
#about .progress_s0 .contents .i8{ left:800px; top:406px;}
#about .progress_s0 .contents .i9{ left:656px; top:455px;}
#about .progress_s0 .contents .i10{ left:512px; top:425px;}
#about .progress_s0 .contents .i11{ left:368px; top:395px;}
#about .progress_s0 .contents .i12{ left:224px; top:406px;}
#about .progress_s0 .contents .i13{ left:80px; top:455px;}

#about .mission{ width:100%; height:420px; background:url(/images/about_mission.jpg) top center no-repeat;}
#about .mission .miss_box{width: 990px;height: 271px;margin: 74px auto 0;border-top: 1px solid #646464;border-bottom: 1px solid #646464;}
#about .mission .left{float: left;width: 180px;padding-top: 45px;text-align: center;}
#about .mission .right{ position: relative; float: left; margin-left: 50px; padding: 77px 0 0 50px;text-align: left;}
#about .mission .right:before{ display: block; content: ''; position: absolute; top: 55px; left: 0;  width: 22px; height: 19px; background: url(/images/mission_icon.png) no-repeat center / 100% 100%;}
#about .mission .right .firt{height: 66px;line-height: 66px;font-size: 28px;color: white;}
#about .mission .right .sect{ line-height: 42px;font-size: 22px;color: white;}

#about .news .item{ width:355px; float:left; margin-left:55px;}
#about .news .nor{ margin-left:10px;}
#about .news .item .img{ width:355px; height:180px;}
#about .news .item .box{ padding:15px; border:1px solid #ededed; border-top:0;}
#about .news .item .date{ font-family:"Arial"; font-size:14px; color:#a0a0a0;}
#about .news .item h3{ 

}
#about .news .item h3 a{ font-size:16px; color:#202020; height: 25px; line-height: 25px;width:300px;  
 
  margin-top: 10px;
 display: block;

overflow:hidden; 

text-overflow:ellipsis; 

white-space:nowrap; 

}
#about .news .item .intro{ font-size:14px; color:#616161; height:50px; width: 330px; 





}
#about .news .item:hover .box{ background:#f8f8f8;}
#about .news .item:hover h3 a{ color:#00bd9f;}
#about .news .btn a{ width:254px; height:44px; line-height:44px; border:1px solid #00bd9f; color:#00bd9f; display:inline-block; font-size:16px; text-decoration:none; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; -webkit-border-radius:22px; border-radius:22px;}

/*partner*/
#partner{}
#partner .title{ margin-top: 50px; height: 44px;line-height: 44px;font-size: 36px;color: #333333;text-align: center;}
#partner .sectitle{height: 30px;line-height: 30px;font-size: 14px;color: #444;text-align: center;}
#partner .par_box{padding-top: 60px;padding-bottom: 50px;}
#partner .par_box .item{display: block;position: relative;float: left;width: 215px;height: 130px;margin: 0 11px 30px;border:1px solid #e8e8e8;background: no-repeat center center;overflow: hidden;}
#partner .par_box .item .name{position: absolute;bottom: -38px;left: 0;width: 100%;height: 38px;line-height: 38px;background: #53c3a7;color: #fff;font-size: 14px;text-align: center;-moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}

/*news*/
#info .info_list{ margin-top: 60px;}
#info .top_title{margin-top: 38px;line-height: 59px;overflow: hidden;text-indent: 5px;text-align: center;font-size: 36px;color: #333;}
#info .item{float: left; width: 353px; margin-left: 56px; margin-bottom: 39px; border:1px solid #ededed;}
#info .first{margin-left: 10px;}
#info .item .img{ height:179px;text-align: center;}
#info .item .img img{ width:100%; }
#info .item .con{ padding:15px 12px 25px; }
#info .item .all{ width:100%;}
#info .item .con h3{ height:30px; line-height:30px;}
#info .item .con h3 a{display: block; height:30px; line-height:30px; overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size:16px; color:#222222;}
#info .item .con .date{ font-size:14px; color:#bbbbbb; font-family:"Arial"; line-height: 22px;}
#info .item .con .intro{ font-size:14px; color:#999999; line-height:22px; height:66px; overflow:hidden;}
#info .item:hover{ margin-top: -10px;}
#info .item:hover h3 a{ color:#00bd9f;}
#info .more{display: block;width: 264px;height: 52px;line-height: 52px;margin:auto;text-align: center;font-size: 14px;color: #888;background: #f1f1f1;text-decoration: none;}
#info .more span{display: inline-block;font-size: 18px;font-weight: bold;margin-left: 3px;margin-top: -4px;vertical-align: middle;}

#info_detail .wrap{ margin-top: 100px;}
#info_detail .cate_list{ margin-top: 0;}
#info_detail .contents{ width:890px;line-height: 30px;font-size: 16px;}
#info_detail .contents .p{line-height: 30px;font-size: 16px;text-indent: 2em;}
#info_detail .ad{ width:275px;}
#info_detail h1{ font-size:26px; color:#202020; text-align:center;}
#info_detail .param{ height:36px; line-height:36px; padding:10px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc}
#info_detail .param *{ font-size:14px; color:#747373;}
#info_detail .param .date{ margin-left:40px;}
#info_detail .param .view{ margin-left:40px;}
#info_detail .param .author{ margin-left:100px;}
#info_detail .param .bdsharebuttonbox{ margin-left:20px; margin-top:8px; float:left;}
#info_detail .add_share{text-align: center;padding-bottom: 35px;}
#info_detail .add_share .good_out{display: inline-block;}
#info_detail .add_share .good_out .good{display: inline-block;min-width: 70px;height: 35px;line-height: 35px;border-radius: 5px;background: url(/images/thumbs_up.png) no-repeat 15px center #1a1a1a;background-size: 20px 20px;padding-left: 45px;color: white;text-align: left;}
#info_detail .add_share .share{display: inline-block;float: right;padding-top: 1.5px;}
#info_detail .near{ border-top:1px solid #e5e5e5; padding:15px 0;}
#info_detail .near .row{ font-size:14px; color:#37b084; float:left; width:50%; height:25px;}
#info_detail .near .row a{ color:#535353;}
#info_detail .related_news{}
#info_detail .related_news .related_news_title{ font-size: 20px; height:49px; line-height: 49px; border-bottom:1px solid #ededee;}
#info_detail .related_news .related_news_list{}
#info_detail .related_news .related_news_list .related_news_item{ overflow: hidden; border-bottom:1px dashed #ededee; padding:10px 0; float:left; width:420px;}
#info_detail .related_news .related_news_list .related_news_item.odd{ margin-left:20px; float:right;}
#info_detail .related_news .related_news_list .related_news_item a{ font-size: 14px;}
#info_detail .related_news .related_news_list .related_news_item:last-child{ border-bottom: 0;}

#cust_detail .wrap{ margin-top: 100px;}
#cust_detail .cate_list{ margin-top: 0;}
#cust_detail .contents{ width: 100%;line-height: 30px;font-size: 16px;}
#cust_detail .contents .p{line-height: 30px;font-size: 16px;text-indent: 2em;}
#cust_detail .ad{ width:275px;}
#cust_detail h1{ font-size:26px; color:#202020; text-align:center;}
#cust_detail .param{ height:36px; line-height:36px; padding:10px 0; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc}
#cust_detail .param *{ font-size:14px; color:#747373;}
#cust_detail .param .date{ margin-left:40px;}
#cust_detail .param .view{ margin-left:40px;}
#cust_detail .param .author{ margin-left:100px;}
#cust_detail .param .bdsharebuttonbox{ margin-left:20px; margin-top:8px; float:left;}
#cust_detail .add_share{text-align: center;padding-bottom: 35px;}
#cust_detail .add_share .good_out{display: inline-block;}
#cust_detail .add_share .good_out .good{display: inline-block;min-width: 70px;height: 35px;line-height: 35px;border-radius: 5px;background: url(/images/thumbs_up.png) no-repeat 15px center #1a1a1a;background-size: 20px 20px;padding-left: 45px;color: white;text-align: left;}
#cust_detail .add_share .share{display: inline-block;float: right;padding-top: 1.5px;}
#cust_detail .near{ border-top:1px solid #e5e5e5; padding:15px 0;}
#cust_detail .near .row{ font-size:14px; color:#37b084; float:left; width:50%; height:25px;}
#cust_detail .near .row.right{ float: right; text-align: right;}
#cust_detail .near .row a{ color:#535353;}
#cust_detail .related_news{}
#cust_detail .related_news .related_news_title{ font-size: 20px; height:49px; line-height: 49px; border-bottom:1px solid #ededee;}
#cust_detail .related_news .related_news_list{}
#cust_detail .related_news .related_news_list .related_news_item{ overflow: hidden; border-bottom:1px dashed #ededee; padding:10px 0; float:left; width:420px;}
#cust_detail .related_news .related_news_list .related_news_item.odd{ margin-left:20px; float:right;}
#cust_detail .related_news .related_news_list .related_news_item a{ font-size: 14px;}
#cust_detail .related_news .related_news_list .related_news_item:last-child{ border-bottom: 0;}

/*company*/
#company .container{ padding-bottom:75px; background:url(/images/company_line.jpg) left top repeat-y; margin-left:20px; padding-left:170px;}
#company .container i{ width:68px; height:19px; left:-9px; top:0; background:url(/images/icons.png) no-repeat; background-position:-220px -5px;}
#company .container .date{ position:absolute; left:70px; top:-7px; font-size:24px;}
#company .last{ padding-bottom:0;}
#company .first i{ background-position:-129px -5px;}
#company .first .date{ color:#00bd9f;}
#company .item{ width:288px; float:left; margin-left:30px; padding:7px; border:1px solid #e6e6e6;}
#company .item:hover{ background:#f4f4f4;}
#company .item .img{ width:288px; height:191px;}
#company .item h3{ font-size:14px; height:25px; line-height:25px; overflow:hidden; margin-top:10px; padding:0 5px;}

/*contact*/
#contact .content{ margin-top: 100px;}
#contact .title{ font-size:24px; color:#2ca594;}
#contact .intro{ font-size:14px; color:#4a4a4a;}
#contact .title.tc,#contact .intro.tc{text-align: center;}
#contact .intro a{color: #2ca594;text-decoration: underline;}
#contact .top{ padding:40px; background:#f9f9f9;}
#contact .top .item{ width:340px; height:120px; float:left; background:#fff; margin-left:50px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#contact .top .address{ margin-left:0;}
#contact .top .address div{ font-size:16px; color:#4a4a4a; margin-left:95px; margin-top:35px; margin-right:40px; line-height:25px;}
#contact .top .address i{ width:44px; height:44px; left:30px; top:35px; background:url(/images/icons.png) no-repeat; background-position:0 -208px;}
#contact .top .tel div{ font-size:16px; color:#4a4a4a; margin-left:95px; margin-top:23px; line-height:25px;}
#contact .top .tel i{ width:32px; height:38px; left:35px; top:40px; background:url(/images/icons.png) no-repeat; background-position:-74px -211px;}
#contact .top .tel span{ font-size:14px;}
#contact .top .email div{ font-size:16px; color:#4a4a4a; margin-left:100px; margin-top:10px; line-height:25px;}
#contact .top .email i{ width:45px; height:35px; left:35px; top:43px; background:url(/images/icons.png) no-repeat; background-position:-146px -214px;}
#contact .mid{ padding:0 40px;}
#contact .mid .item{ width:330px; float:left; margin-left:65px;}
#contact .mid .item .img{ width:70px; height:70px; margin:0 auto;}
#contact .mid .item .sign{ height:40px; line-height:40px; border-top:1px solid #2ca594; border-bottom:1px solid #2ca594; text-align:center; color:#2ca594; font-size:16px; margin-top:24px;}
#contact .mid .item .name{ height:40px; line-height:40px;text-align:center; font-size:16px; color:#5b5b5b; margin-top:5px;}
#contact .mid .business{ margin-left:0;}
#contact .mid .business i{ width:70px; height:70px; left:0; top:0; background:url(/images/icons.png) no-repeat; background-position:-218px -195px;}
#contact .mid .work i{ width:70px; height:70px; left:0; top:0; background:url(/images/icons.png) no-repeat; background-position:-311px -195px;}
#contact .mid .advise i{ width:70px; height:70px; left:0; top:0; background:url(/images/icons.png) no-repeat; background-position:-405px -196px;}
#contact .bot{ padding:35px 40px 52px 39px;border:1px solid #ececec;border-radius: 3px;}
#contact .bot .fl{ width:840px;padding-right: 54px;border-right: 1px solid #ededed;}
#contact .bot .form_input{ width:408px; height:48px; line-height:48px; border:1px solid #f9f9f9; background:#f9f9f9; text-indent:15px; outline:none; font-size:18px; color:#999999; float:left;border-radius: 3px;}
#contact .bot .form_textarea{ padding:15px; width:808px; height:118px; border:1px solid #f9f9f9; outline:none; font-size:18px; background:#f9f9f9; color:#999999; resize:none;border-radius: 3px;}
#contact .bot .form_submit{ width:100%; height:48px; line-height:48px; text-align:center; background:#2ca594; font-size:18px; color:#fff; border:0; outline:none; cursor:pointer; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#contact .bot .fr{ width:185px; height:300px; background:#fff; text-align:center;}
#contact .bot .sign{ font-size:14px; color:#666; padding-top:30px;}
#contact .bot .subsign{ font-size:18px; color:#2ca594; margin-top:10px;}
#contact .bot .img{ width:166px; height:166px; margin:0 auto; margin-top:15px;}

/*template*/
#template #banner{ position: relative; width: 100%; height: 500px; background: url(/images/n_website/big_banner_bg.png) repeat-x left top; overflow: hidden;}
#template #banner .text{ width: 100%; height: 100%;}
#template #banner .text .global_subbanner{ padding-top: 140px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#template #banner .text .global_subbanner .title{ width: 100%; height: 60px; line-height: 60px; font-size: 42px; color: #333; text-align: center;}
#template #banner .text .global_subbanner .intro{ margin-top: 13px; width: 100%; height: 38px; line-height: 38px; font-size: 24px; color: #555; text-align: center;}
#template #banner .con_img{ position: absolute; left: 50%; bottom: 0; opacity: 0; -webkit-transition: all 0.7s; transition: all 0.7s; -webkit-transform: translate(-50%, 20px); transform: translate(-50%, 100px);}
#template #banner .con_img.cur{ opacity: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}

#template .template_list{ margin: 70px auto 0;width: 1100px; min-width: 1100px;}
/* #template .item{ position: relative; margin: 70px 70px 0 0; width: 319px; height: 450px; border: 1px solid #e7e7e7; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
#template .item img{ -webkit-transition: all 0.3s; transition: all 0.3s;}
#template .item:hover img{ opacity: 0.5;}
#template .item:nth-child(3n){ margin-right: 0;}
#template .item:nth-child(-n+3){ margin-top: 0;} */
/*#template .item:hover{ -webkit-transform: translateY(-10px); transform: translateY(-10px);}*/
/*#template .item_nor{ margin-left:25px;}*/
/* #template .item .pic{ width: 100%; height: 100%; overflow: hidden; position:relative; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;} */
/* #template .item .pic a{ width:100%; display: inline-block; /*position:absolute; left:0; top:0;} */
/* #template .item .pic a img{ height: auto; max-height: inherit;}
#template .item.flex_item .pic a{ height: 100%;} */

#template .item .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
/*#template .item .con h3{ height:33px; line-height:33px; overflow:hidden; color:#fff; background:#00bd9f; font-size:16px; text-align:center;}*/
/*#template .item .con h3{ height:33px; line-height:33px; overflow:hidden; font-size:16px; text-align:center; background:#f7f7f7; color:#515151;}*/
#template .item .con .ul{ display: flex; justify-content: center; align-content: center; flex-direction: column; width: 100%; height: 100%;}
#template .item .con .li{ color: #666; display: block; text-decoration:none;}
/*
#template .item .con .li:hover{ color:#900000;}
#template .item .con .li:hover i{ background-position:-292px -161px;}
*/
#template .item .con .price{ color:#900000; font-size:22px; text-indent:25px; margin-top:15px;}
#template .item .con .price i{ font-size:12px; color:#4d4d4d; font-style:normal; margin-left:3px;}
#template .item .con .price span{ font-size:13px; margin-right:1px;}
#template .item .con .reg{ margin: 0 auto; width: 130px; height:38px; line-height:38px; border:1px solid #900000; background: #900000; display:inline-block; font-size: 16px; color:#fff; text-align:center; text-decoration:none; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
#template .item .con .reg:hover{ background: #fff; border-color: #fff; color: #333;}

#template .item:hover .con{ opacity: 1;}
/*
#template .item:hover{ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
#template .item:hover .con .ul{ opacity: 1;}
*/
#template .item .con .icons{ margin: 20px auto 0; color: #333; background: none; border:1px solid #fff; font-size: 16px; color: #fff;}
#template .item .con .nor{ margin-top:25px;}
/*
#template .item .con .reg:hover, #template .item .con .last{ background:#900000; color:#fff;}
#template .item .con .icons:hover{ border-color: #900000 !important;}
*/
#template #turn_page{ margin-top: 70px;}

#template .template_list .item{ margin-right: 80px;margin-bottom: 50px; width: 300px; height: 467px;  border-top-left-radius: 5px; border-top-right-radius: 5px; background: #b9cbd7; position: relative; box-shadow: 0 0 7px #aaa;transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; }
#template .template_list .item:nth-child(3n){ margin-right: 0;}
#template .template_list .item .itemTop{ text-align: left;  padding: 0 10px; height: 16px; line-height: 16px; }
#template .template_list .item .itemTop span{ display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #fff; vertical-align: middle; }
#template .template_list .item .Pic{ width: 100%; height: calc(467px - 16px); position: relative; overflow: hidden; }
#template .template_list .item .Pic img{  width: 100%; max-height: unset; position: absolute; top: 0; left: 0; }
#template .template_list .item .Pic .Content{ display: flex; justify-content: center; align-items: center; opacity: 0; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.4); top: 0; left: 0; font-size: 0;transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out; }
#template .template_list .item .Pic .Content a{ display: inline-block; width: 80px; height: 44px;line-height: 44px; border-radius: 35px; font-size: 18px; color: #fff; font-weight: bold; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box;}
#template .template_list .item .Pic .Content a.select{ margin-right: 29px; border: 1px solid #900000; background-color: #900000; position: relative; overflow: hidden; }
#template .template_list .item .Pic .Content a.show{ border: 1px solid #900000; background-color: transparent; position: relative; overflow: hidden; }
#template .template_list .item:hover{ box-shadow: 3px 3px 12px 2px #aaaaaad4; }
#template .template_list .item:hover .Pic .Content{ opacity: 1; }

#template .template_list.style2{width: 92%; min-width: unset; max-width: 1680px; margin-top: 115px;}
#template .template_list.style2 .item{width: 30.11904%; height:0px; padding-top: 45%; margin-right: 4.7%; margin-bottom:5.9%; border-radius: 10px; overflow: hidden;}
#template .template_list.style2 .item:nth-child(3n){margin-right: 0px;}
#template .template_list.style2 .item .itemTop{display: none;}
#template .template_list.style2 .item .Pic{height: 100%; position: absolute; top: 0px; left: 0px;}



/*cust*/
#cust .top .fl{ margin-left:75px;}
#cust .top .fl .title{ font-size:26px; color:#900000; margin-bottom:30px;}
#cust .top .fl .list{ font-size:16px; color:#535353; text-indent:25px; height:25px; line-height:25px; margin-bottom:10px;}
#cust .top .fl .list i{ width:8px; height:8px; left:0; top:14px; margin-left:-4px; margin-top:-4px; background:url(/images/icons.png) no-repeat; background-position:-170px -161px;}
#cust .top .fr{ margin-right:90px;}
#cust .mid{ background:#f9f9f9;}
#cust .mid .cust_line{ height:1px; background:#dfdfdf;}
#cust .mid .item{ width:230px; float:left; margin-left:55px; text-align:center;}
#cust .mid .item .title{ font-size:16px; color:#900000;}
#cust .mid .item .intro{ font-size:18px; margin-top:7px;}
#cust .mid .item i{ width:11px; height:11px; left:50%; top:-31px; margin-left:-6px; background:url(/images/icons.png) no-repeat; background-position:-459px -9px;}
#cust .mid .item:hover i{ background-position:-411px -9px;}
#cust .mid .item .pic{ width:211px; height:314px; margin-top:25px;}
#cust .mid .item .pic img{ position:absolute; display:block; bottom:0; right:0;}
#cust .mid .item_fir .pic{ background:url(/images/cust_people0_bg.png) no-repeat;}
#cust .mid .item_fir .sign{ width:56px; height:61px; position:absolute; left:50%; top:-111px; margin-left:-28px; background:url(/images/icons.png) no-repeat; background-position:0 -290px;}
#cust .mid .item_fir:hover .sign{ background-position:-82px -290px;}
#cust .mid .item_sec .pic{ background:url(/images/cust_people1_bg.png) no-repeat;}
#cust .mid .item_sec .sign{ width:59px; height:59px; position:absolute; left:50%; top:-111px; margin-left:-30px; background:url(/images/icons.png) no-repeat; background-position:-166px -292px;}
#cust .mid .item_sec:hover .sign{ background-position:-257px -292px;}
#cust .mid .item_thd .pic{ background:url(/images/cust_people2_bg.png) no-repeat;}
#cust .mid .item_sec .pic{ background:url(/images/cust_people1_bg.png) no-repeat;}
#cust .mid .item_thd .sign{ width:60px; height:60px; position:absolute; left:50%; top:-111px; margin-left:-30px; background:url(/images/icons.png) no-repeat; background-position:0 -384px;}
#cust .mid .item_thd:hover .sign{ background-position:-78px -384px;}
#cust .mid .item_four .pic{ background:url(/images/cust_people3_bg.png) no-repeat;}
#cust .mid .item_four .sign{ width:64px; height:59px; position:absolute; left:50%; top:-111px; margin-left:-30px; background:url(/images/icons.png) no-repeat; background-position:-161px -384px;}
#cust .mid .item_four:hover .sign{ background-position:-250px -384px;}


#cust .bot .category{ height:35px; border-bottom:1px solid #e0e0e0;}
#cust .bot .category a{ width:115px; height:34px; line-height:34px; font-size:16px; display:inline-block; border:1px solid #e0e0e0; background:#f2f2f2; text-decoration:none; margin:0 13px; color:#333; position:relative;}
#cust .bot .category a i{ width:100%; height:1px; background:#fff; display:block; position:absolute; left:0; bottom:-1px; display:none;}
#cust .bot .category a.cur{ background:#fff;}
#cust .bot .category a.cur i{ display:block;}
#cust .bot .tab{ display:none;}
#cust .bot .cur{ display:block;}
#cust .bot .tab .btn a{ width:253px; height:43px; line-height:43px; text-align:center; border:1px solid #48bdaa; color:#48bdaa; display:inline-block; font-size:16px; -moz-border-radius:22px; -ms-border-radius:22px; -o-border-radius:22px; -webkit-border-radius:22px; border-radius:22px;}

/*faq*/
#faq .category{ width:200px;}
#faq .category dt{ height:46px; line-height:46px; background:#00bd9f; text-align:center; overflow:hidden; color:#fff; font-size:16px;}
#faq .category dd{ border:1px solid #e9e9e9; border-top:0; position:relative;}
#faq .category dd span{ width:7px; height:48px; position:absolute; right:-5px; top:-1px; background:url(/images/faq_line.png) no-repeat; display:none;}
#faq .category dd a{ width:100%; height:46px; line-height:46px; font-size:14px; display:inline-block; text-indent:30px; color:#333; text-decoration:none;}
#faq .category dd a i{ width:6px; height:6px; left:15px; top:20px; background:url(/images/icons.png) no-repeat; background-position:-331px -161px;}
#faq .category dd:hover span{ display:block;}
#faq .category dd:hover a{ background:#f8f8f8;}
#faq .category dd:hover a i{ background-position:-381px -161px;}
#faq .category dd.cur span{ display:block;}
#faq .category dd.cur a{ background:#f8f8f8;}
#faq .category dd.cur a i{ background-position:-381px -161px;}
#faq .contents{ width:935px;}
#faq .contents .item{ width:315px; padding:30px 30px 0 90px; height:160px; border:1px solid #e5e5e5; float:left; margin-left:40px; margin-bottom:40px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; cursor:default;}
#faq .contents .item:hover{ border:1px solid #00bd9f;}
#faq .contents .item_nor{ margin-left:0;}
#faq .contents .item h3{ font-size:18px;}
#faq .contents .item .intro{ color:#666; margin-top:15px; line-height:22px;}
#faq .contents .item i{ width:48px; height:44px; left:25px; top:25px; background:url(/images/icons.png) no-repeat; background-position:-452px -87px;}

/*extension*/
.prism-player{width:600px; margin:0 auto;}
.prism-speed-selector{display:none;}
.prism-big-play-btn{display:none !important;}

.w_1200 #listen .media .media_list li{height:148px;}
.w_1200 #listen .media .media_list li .img{width:220px;}
.w_1200 #listen .media .media_list li .info .t{height:80px;}
.w_1200 #listen .big{display:inline-block;}
.w_1200 #listen .small{display:none;}

#listen{clear:both;}
#listen .list{ min-height:300px;}
#listen .list .bg{ padding: 37px 0 40px 0;}
#listen .list .bg .con_title{text-align: center;}
#listen .media{margin:55px 0 125px;}
#listen .media .player{width:790px; height:444px;float: left;}

#listen .media .player .cover{width:100%; height:100%;}
#listen .media .media_list{width:385px; float:right; background:#fff;}
#listen .media .media_list li{height: 78px;border:1px solid #ddd; box-sizing:border-box; position:relative;cursor: pointer;}
#listen .media .media_list li:before{position: absolute;content: '';width: 19px;height: 15px;right: 20px;top: 0;bottom: 0;margin:auto;background:url(/images/extension/video.png) no-repeat center center;}
#listen .media .media_list li.cur:before{display: none;}
#listen .media .media_list li.cur{height:131px;border:1px solid #54c6b2;}
#listen .media .media_list li .num{display: none;position:absolute; left:0; top:0; width:41px; height:38px; text-indent:5px; line-height:25px; background:url(/images/extension/listen-num-bg.png); color:#fff;}
#listen .media .media_list li.cur .num{display: block;background:url(/images/extension/listen-num-bg-cur.png);}
#listen .media .media_list li .img{display: none;width:200px; float:left; text-align:center; padding:16px 0 16px 16px;}
#listen .media .media_list li.cur .img{display: block;}
#listen .media .media_list li .info{ padding-left: 35px;}
#listen .media .media_list li.cur .info{width:150px; float:left;padding:18px 0;}
#listen .media .media_list li .info .t{margin-top: 14px;font-weight:bold;font-size: 14px;}
#listen .media .media_list li.cur .info .t{height: 72px;margin-top: 0;}
#listen .media .media_list li .info .h{margin-top: 5px;color:#5f5f5f;font-size: 14px;}
#listen .media .media_list li.cur .info .h{margin-top: 0;}
#listen .big{display:none;}
#listen .small{display:inline-block;}
#listen .banner{padding-top: 30px;}
#listen .banner img{width:100%; margin:25px 0;}

#w1000 #listen .media{margin:45px 0 110px;}
#w1000 #listen .media .player{width:640px; height:360px;}
#w1000 #listen .media .media_list{width:335px;}
#w1000 #listen .media .media_list li{height: 62px;}
#w1000 #listen .media .media_list li.cur{height:107px;}
#w1000 #listen .media .media_list li .img{display: none;}
#w1000 #listen .media .media_list li.cur .img{display: block;width:170px;padding:16px 0 16px 4px;}
#w1000 #listen .media .media_list li .img img{width: 130px;}
#w1000 #listen .media .media_list li.info{padding-left: 30px;}
#w1000 #listen .media .media_list li.cur .info{padding-left: 0px;}
#w1000 #listen .media .media_list li .info .t{height:auto;margin-top: 8px;}
#w1000 #listen .media .media_list li.cur .info .t{margin-top: 0;}
#w1000 #listen .media .media_list li.cur .info .t{height:49px;}
#w1000 #listen .media .media_list li.cur .info .h{}
#w1000 #listen .banner{padding-top: 20px;}

/*course_free*/
.course_free .top{ margin-top: 100px;}
.course_free .top .video{ position: relative; width:790px; height:444px;}
.course_free .top .video a{ position: absolute; left: 0; top: 0; z-index: 1;}
.course_free .top .video .prism-player{ position: absolute; left: 0; top: 0;}
.course_free .top .con .item{ border:1px solid #ddd; width:383px; height:148px; box-sizing:border-box; padding:25px 25px 0 30px; cursor:pointer;}
.course_free .top .con .item i{ width:40px; height:40px; left:0; top:0; font-size:14px; font-style:normal; color:#fff; text-indent:7px; line-height:24px; background:url(../images/course_list_bg.png) no-repeat;}
.course_free .top .con .item .img{ width:111px; height:63px; margin-top:15px;}
.course_free .top .con .item .info{ width:190px;}
.course_free .top .con .item .info .name{ font-size:18px; line-height:30px; max-height:60px; overflow:hidden;}
.course_free .top .con .item .info.nor .name{ padding-top:15px;}
.course_free .top .con .item .info .para{ font-size:14px; color:#999; margin-top:10px;}
.course_free .top .con .item.cur{ border:1px solid #0dae82;}
.course_free .top .con .item.cur .info .name{ color:#0dae82;}
.course_free .top .con .item.cur i{ background:url(../images/course_list_bg_cur.png) no-repeat;}
.course_free .mid .item{ width:585px; height:295px; box-sizing:border-box; padding-left:38px; padding-top:40px; background:url(../images/course_mid_bg1.png) #4f5b69 right 40px bottom 30px no-repeat;}
.course_free .mid .item.fr{ background:url(../images/course_mid_bg2.png) #0bb39d right 40px bottom 30px no-repeat;}
.course_free .mid .item .title{ font-size:28px; color:#fff; margin-bottom:30px;}
.course_free .mid .item .rows{ font-size:14px; color:#fff; line-height:30px; background:url(../images/course_mid_bg.png) left center no-repeat; text-indent:30px;}
.course_free .mid .item .rows.fl{ width:50%;}
.course_free .bot .title{ font-size:30px; line-height:43px;}
.course_free .bot .title span{ display:inline-block; height:43px; width:12px; background:url(../images/course_bot_title_bg.png) no-repeat; vertical-align:text-top; margin:0 30px;}
.course_free .bot .brief{ width:538px; height:36px; line-height:36px; margin:0 auto; border-radius:20px; border:1px solid #d0d0d0; background:url(../images/course_bot_listen.png) 20px center no-repeat; text-indent:55px; font-size:16px; color:#999;}
.course_free .bot .box{ height:800px; position:relative;}
.course_free .bot .box .item{ width:418px; height:660px; position:absolute; border:1px solid #f3f3f3; border-radius:8px; background:#fff; box-shadow:0 0 15px 0 rgba(0,0,0,0.1); overflow:hidden;}
.course_free .bot .box .item.google{ left:0; top:0; z-index:1;}
.course_free .bot .box .item.facebook{ left:391px; top:0; z-index:3;}
.course_free .bot .box .item.seo{ right:0; top:0; z-index:2;}
.course_free .bot .box .item .name{ height:120px; background-color:#f8f8f8; background-position:right 40px center; background-repeat:no-repeat; line-height:120px; font-size:22px; text-indent:45px; margin-bottom:25px;}
.course_free .bot .box .item.google .name{ background-image:url(../images/extension/box_google.png);}
.course_free .bot .box .item.facebook .name{ background-image:url(../images/extension/box_facebook.png);}
.course_free .bot .box .item.seo .name{ background-image:url(../images/extension/box_seo.png);}
.course_free .bot .box .item .rows{ font-size:14px; color:#999; line-height:36px; text-indent:80px; background:url(../images/extension/box_video_bg.png) left 45px center no-repeat;}
.course_free .bot .box .item.cur{ z-index:5; border:1px solid #c6e5dd; box-shadow:0 0 20px 0 rgba(13,174,130,0.3); top:-20px; height:700px;}
.course_free .bot .box .item.cur .rows{ color:#333; background:url(../images/extension/box_video_bg_cur.png) left 45px center no-repeat;}
.course_free .bot .box .item.cur .name{ background-color:#0dae82; color:#fff;}
.course_free .bot .box .item.google.cur .name{ background-image:url(../images/extension/box_google_cur.png);}
.course_free .bot .box .item.facebook.cur .name{ background-image:url(../images/extension/box_facebook_cur.png);}
.course_free .bot .box .item.seo.cur .name{ background-image:url(../images/extension/box_seo_cur.png);}
.course_free_ad{ padding-bottom:65px; background:url(../images/extension/ad_bg.png) bottom center no-repeat;}
.course_free_ad .item{ width:958px; height:248px; border:1px solid #e9e9e9; background:url(../images/extension/ad_icon.png) #fff left 55px center no-repeat; margin:0 auto;}
.course_free_ad .item .info{ margin-left:255px; margin-top:65px;}
.course_free_ad .item .info .title{ font-size:30px;}
.course_free_ad .item .info .brief{ font-size:16px; color:#666; line-height:30px; margin-top:20px;}
.course_free_ad .item .btn{ display:block; float:right; width:242px; height:48px; line-height:48px; background:#0dae82; color:#fff; text-align:center; font-size:22px; text-decoration:none; margin-right:45px; margin-top:100px; border-radius:5px;}
#w1000 .course_free .top .video{ width:660px; height:371px;}
#w1000 .course_free .top .con .item{ width:325px; height:124px; padding:15px 10px 0 15px;}
#w1000 .course_free .top .con .item .info{ width:175px;}
#w1000 .course_free .mid .item{ width:490px;}
#w1000 .course_free .bot .box .item{ width:380px;}
#w1000 .course_free .bot .box .item.facebook{ left:310px;}

.course_base .item{ width:364px; height:254px; margin-left:50px; margin-bottom:60px; float:left; cursor:pointer; position:relative;}
.course_base .item .ab_box{ width:100%; height:100%; border:1px solid #ebebeb; box-sizing:border-box; position:absolute; left:0; top:0;}
.course_base .item .title{ background:url(../images/new/course_base_video_bg.png) 10px center no-repeat; height:47px; line-height:47px; overflow:hidden; font-size:14px; padding-left:40px; padding-right:10px;}
.course_base .item .title span{ float:right; font-size:12px; color:#606060;}
#w1000 .course_base .item{ width:311px; margin-left:30px;}
#w1000 .course_base .item{ height:224px;}

.course_sale .category{ width:240px;}
.course_sale .category .rows{ height:22px; line-height:22px; overflow:hidden; margin-bottom:30px; padding-left:20px; border-left:6px solid transparent;}
.course_sale .category .rows a{ font-size:16px; color:#666; text-decoration:none;}
.course_sale .category .rows a:hover{ color:#0dae82;}
.course_sale .category .rows.cur{ border-left:6px solid #0dae82;}
.course_sale .category .rows.cur a{ color:#0dae82;}
.course_sale .contents{ width:908px;}
.course_sale .contents .item{ float:left; width:392px; height:271px; margin-left:120px; margin-bottom:80px; cursor:pointer; position:relative;}
.course_sale .contents .item .ab_box{ width:100%; height:100%; position:absolute; left:0; top:0; border:1px solid #ebebeb; box-sizing:border-box;}
.course_sale .contents .item .title{ background:url(../images/new/course_base_video_bg.png) 10px center no-repeat; height:47px; line-height:47px; overflow:hidden; font-size:14px; padding-left:40px; padding-right:10px;}
.course_sale .contents .item .title span{ float:right; font-size:12px; color:#606060;}
.course_sale .hot .title{    height: 56px;line-height: 56px;padding-top: 10px;text-indent: 20px; font-size: 20px;}
.course_sale .hot{margin-bottom: 20px;background: #fafafa;}
.course_sale .hot .box{padding-left: 20px;}
.course_sale .hot .a_item{display: block;height: 52px;line-height: 52px;border-top: 1px solid #ededee;overflow: hidden;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.course_sale .hot .a_item:first-child{border-top: none;}
.course_sale .hot .a_item span{display: inline-block;width: 22px;text-align: center;margin-right: 3px;}
.course_sale .hot .a_item.fir span{color: #f99a21;}

#w1000 .course_sale .category{ width:200px;}
#w1000 .course_sale .contents{ width:750px;}
#w1000 .course_sale .contents .item{ margin-left:70px; width:338px;}
#w1000 .course_sale .contents .item{ height:240px;}

#course_alert{ width:572px; height:205px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-103px; text-align:center; background:#ededed; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#course_alert .alert_sign{ width:85px; height:85px; position:absolute; left:50%; margin-left:-42px; top:-60px; background:url(/images/login_sign.png) no-repeat;}
#course_alert .alert_subtitle{ font-size:16px; color:#646464; margin-top:7px;}
#course_alert .alert_title{ font-size:22px; color:#00bd9f; padding-top:45px;}
#course_alert .alert_btn{ display:block; margin:0 auto; width:330px; height:47px; line-height:47px; color:#fff; background:#0bba91; font-size:16px; border-radius:3px; text-decoration:none; margin-top:30px;}
#course_alert i{ width:35px; height:35px; right:-70px; top:-65px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

#extension .module_box{height: 600px;border-bottom: 1px solid #e9e9e9;}
#extension .module_box .video{width: 527px;height: 419px;margin-top: 137px;background: url(../images/extension/videobg.png) no-repeat 0 0;}
#extension .module_box .video .img{position: relative;width: 435px;height: 289px;margin-top: 14px;margin-left: 60px;background: #ccc;}
#extension .module_box .video .img img{width: 100%;height: 100%;}
#extension .module_box .video .img .fill{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/extension/video_fill.png) no-repeat center center;}
#extension .module_box .content{width: 455px;margin-top: 128px;}
#extension .module_box .content .firt{position: relative;padding:20px 0;line-height: 50px;font-size: 30px;color: #333;}
#extension .module_box .content .firt:before{position: absolute;content: '';bottom: -4px;left: -3px;width: 113px;height: 3px;background: #54c6b2;}
#extension .module_box .content .desc{margin-top: 38px;line-height: 30px;font-size: 16px;color: #444;}
#extension .sunflower{border-bottom: none;}
#extension .sunflower .firt{margin-top: 92px;margin-bottom: 52px;height: 42px;line-height: 42px;font-size: 30px;text-align: center;}
#extension .sunflower .firt span{color: #01bea2;}
#extension .sunflower .firt em{display: inline-block;width: 14px;height: 42px;margin: 0 18px;vertical-align: top;background: url(../images/extension/ico2.png) no-repeat center center;}
#extension .sunflower .flower_con{position: relative;width: 1002px;height: 392px;margin:auto;background: url(../images/extension/sunflower.png) no-repeat center center;}
#extension .sunflower .flower_con .con{position: absolute;width: 262px;height: 148px;padding:32px 40px 0;}
#extension .sunflower .flower_con .con1{top: 66px;left: 0;}
#extension .sunflower .flower_con .con2{top: 129px;right: 0;}
#extension .sunflower .flower_con .desc{font-size: 16px;line-height: 28px;}
#extension .sunflower .flower_con .name{float: right;font-size: 16px;color: #2f3948;height: 29px;line-height: 29px;margin-top: 13px;}
#extension .sunflower .flower_con .add{color: #02ccba;font-size: 18px;font-weight: bold;}
#extension .sunflower .flower_con .job{color: #5f5f5f;font-size: 14px;}
#extension .marketing{padding-top: 55px;padding-bottom: 150px;}
#extension .marketing .firt{height: 42px;line-height: 42px;font-size: 30px;text-align: center;margin-bottom: 62px;}
#extension .marketing .market_box{position: relative;height: 480px;}
#extension .marketing .item{position: absolute;top: 0;left: 10px;width: 353px;height: 480px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border:1px solid #dedede;background: #fff;}
#extension .marketing .item1{z-index: 4;}
#extension .marketing .item2{left: 285px;z-index: 3;}
#extension .marketing .item3{left: 559px;z-index: 2;}
#extension .marketing .item4{left: 834px;z-index: 1;}
#extension .marketing .item.cur{margin-left: -42px;top: -16px;width: 425px;height: 510px;z-index: 5;box-shadow: 0 0 30px rgba(97,190,175,0.3);-moz-box-shadow: 0 0 30px rgba(97,190,175,0.3);-webkit-box-shadow: 0 0 30px rgba(97,190,175,0.3);}
#extension .marketing .item.cur .tit{background: #2ca594;color: white;}
#extension .marketing .item.cur .tit .img{display: none;}
#extension .marketing .item.cur .tit .imgh{display: block;}
#extension .marketing .tit{height: 120px;line-height: 120px;background: #f8f8f8;padding:0 28px;font-size: 20px;border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;}
#extension .marketing .tit .img{float: right;margin-top: 29px;}
#extension .marketing .tit .imgh{float: right;margin-top: 29px;display: none;}
#extension .marketing ul{padding-top: 25px;}
#extension .marketing li{height: 40px;line-height: 40px;padding-left: 58px;background: url(../images/extension/ico7.png) no-repeat 29px center;font-size: 14px;color: #999;}
#extension .marketing .item.cur li{font-size: 16px;color: #666;background-image: url(../images/extension/ico7h.png);}
#extension .audition{height: 335px;background: url(../images/extension/audition.png) no-repeat center bottom;}
#extension .audition_box{width: 775px;height: 165px;padding:52px 45px 48px;margin:auto;box-shadow: 0 0 35px rgba(44,165,148,0.2);-moz-box-shadow: 0 0 35px rgba(44,165,148,0.2);-webkit-box-shadow: 0 0 35px rgba(44,165,148,0.2);background: white;}
#extension .audition_box img{float: left;}
#extension .audition_box .con{float: left;width: 300px;margin-left: 30px;}
#extension .audition_box .firt{height: 72px;line-height: 72px;padding-top: 10px;font-size: 32px;}
#extension .audition_box .sect{line-height: 29px;font-size: 16px;color: #666;}
#extension .audition_box .apply{float: right;width: 242px;height: 46px;margin-top: 57px;line-height: 46px;background: #01bea2;color: white;font-size: 22px;text-decoration: none;border-radius: 23px;-moz-border-radius: 23px;-webkit-border-radius: 23px;text-align: center;}

/******************************************************************************/

#extension2 .item{ width:548px; padding:18px; border:1px solid #eee; float:left; margin-left:25px; margin-bottom:35px;}
#extension2 .item_nor{ margin-left:0;}
#extension2 .item:hover{ background:#f3f3f3;}
#extension2 .item .img{ width:233px; height:158px;}
#extension2 .item .img i{ width:48px; height:48px; position:absolute; display:block; left:50%; margin-left:-24px; top:50%; margin-top:-24px; background:url(/images/icons.png) no-repeat; background-position:-164px -29px;}
#extension2 .item .con{ width:290px;}
#extension2 .item .con h3{ height:25px; line-height:25px; overflow:hidden;}
#extension2 .item .con h3 a{ font-size:18px;}
#extension2 .item .con h3 a:hover{ color:#47bda0; text-decoration:none;}
#extension2 .item .con .param{ height:25px; line-height:25px; overflow:hidden; margin-top:10px; margin-bottom:15px;}
#extension2 .item .con .param span{ font-size:14px; color:#626262; margin-left:10px;}
#extension2 .item .con .param b{ font-size:12px; color:#fff; display:inline-block; width:50px; height:20px; line-height:20px; background:#47bda0; text-align:center; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#extension2 .item .con .intro{ font-size:14px; color:#828282; line-height:25px; height:50px; overflow:hidden;}
#extension2 .item .con .pv{ font-size:14px; color:#828282; margin-top:10px;}
#extension2 .more{display: block;width: 242px;height: 46px;line-height: 46px;border-radius: 23px;font-size: 18px;color: #333;margin: 20px auto 0;text-align: center;background: #fece2e;}

#extension_detail .top{ height:510px; background:#f3f3f3; padding:40px 0;}
#extension_detail .top .wrap{ height:100%; background:#fff;}
#extension_detail .top .video{ width:750px; height:100%;}
#extension_detail .top .video .img{ width:100%; height:100%; cursor:pointer;}
#extension_detail .top .video .img i{ width:60px; height:60px; margin-left:-30px; margin-top:-30px; left:50%; top:50%; background:url(/images/icons.png) no-repeat; background-position:-269px -79px;}
#extension_detail .top .con{ width:390px; height:100%; margin-right:30px; position:relative;}
#extension_detail .top .con h2{ font-size:24px; color:#47bd92; padding-top:40px;}
#extension_detail .top .con .param b{ color:#fff; text-align:center; width:51px; height:19px; line-height:19px; display:inline-block; background:#47bda0; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-right:15px;}
#extension_detail .top .con .param span{ font-size:14px; color:#626262; margin-right:15px;}
#extension_detail .top .con .intro{ border-top:1px solid #e7e7e7; font-size:14px; color:#828282; line-height:25px; padding-top:25px; height:150px; overflow:hidden;}
#extension_detail .top .con .tips{ padding:15px; background:#f5f5f5; margin-top:15px;}
#extension_detail .top .con .tips .txt{ width:210px;}
#extension_detail .top .con .tips .txt .t_name{ font-size:16px; height:25px; line-height:25px; overflow:hidden;}
#extension_detail .top .con .tips .txt .t_intro{ color:#8b8b8b; margin-top:10px; line-height:20px; height:60px; overflow:hidden;}
#extension_detail .top .con .tips .img{ width:85px;}
#extension_detail .top .con .share{ line-height:36px; position:absolute; right:0; bottom:20px;}
#extension_detail .top .con .share .fl{ font-size:14px; color:#737373;}
#extension_detail .bot .title{ font-size:22px;}
#extension_detail .bot .item{ width:255px; float:left; margin-left:60px;}
#extension_detail .bot .item_nor{ margin-left:0;}
#extension_detail .bot .item .img{ width:243px; height:165px; padding:5px; border:1px solid #eee;}
#extension_detail .bot .item .img i{ width:48px; height:48px; position:absolute; display:block; left:50%; margin-left:-24px; top:50%; margin-top:-24px; background:url(/images/icons.png) no-repeat; background-position:-164px -29px;}
#extension_detail .bot .item h3{ height:25px; line-height:25px; overflow:hidden; margin-top:10px; padding:0 5px;}
#extension_detail .bot .item h3 a{ font-size:16px;}
#extension_detail .bot .item h3 a:hover{ color:#47bd92; text-decoration:none;}
#extension_detail .bot .item h3 b{ font-size:12px; color:#fff; text-align:center; width:51px; height:19px; line-height:19px; display:inline-block; background:#47bda0; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; float:right; margin-top:3px;}
#extension_detail .bot .item .intro{ color:#828282; line-height:25px; padding:0 5px; height:50px; overflow:hidden; margin-top:10px;}
#extension_guest .top .title{ font-size:20px; color:#646464; text-align:center;}
#extension_guest .top .tips{ font-size:20px; color:#1ca18b; text-align:center;}
#extension_guest .top .item{ width:208px; height:153px; border:1px solid #eaeaea; border-left:0; padding:45px;}
#extension_guest .top .item_nor{ border-left:1px solid #eaeaea;}
#extension_guest .top .item .img{ width:72px; height:72px; margin:0 auto;}
#extension_guest .top .item .name{ font-size:20px; text-align:center; margin-top:20px;}
#extension_guest .top .item .intro{ font-size:14px; color:#646464; text-align:center; margin-top:5px;}
#extension_guest .mid{ background:#f7f7f7;}
#extension_guest .mid .item{ width:310px; margin-left:67px; background:#fff;}
#extension_guest .mid .item .img{ width:310px; height:180px;}
#extension_guest .mid .item .title{ font-size:20px; text-align:center; margin-top:10px;}
#extension_guest .mid .item .intro{ font-size:14px; color:#646464; text-align:center; margin-top:5px; margin-bottom:15px;}

#extension_guest .apply .box{ width:550px; height:280px; border:1px solid #ebebeb; margin:0 auto;}
#extension_guest .apply .img{ width:170px; height:170px; margin-left:25px; margin-top:50px;}
#extension_guest .apply .con{ width:290px; margin-right:20px;}
#extension_guest .apply .con .name{ font-size:22px; padding-top:45px; padding-bottom:15px; border-bottom:1px solid #e8e8e8; margin-bottom:20px;}
#extension_guest .apply .con .name span{ width:97px; height:27px; line-height:27px; font-size:14px; text-align:center; color:#fff; background:#48bdaa; display:inline-block; float:right; margin-right:70px; -moz-border-radius:14px; -ms-border-radius:14px; -o-border-radius:14px; -webkit-border-radius:14px; border-radius:14px; margin-top:2px;}
#extension_guest .apply .con .rows{ font-size:14px; height:20px; line-height:20px; margin-bottom:10px; padding-left:30px;}
#extension_guest .apply .con .wechat i{ width:20px; height:17px; left:0; top:2px; background:url(/images/icons.png) no-repeat; background-position:-322px -44px;}
#extension_guest .apply .con .tel i{ width:17px; height:17px; left:0; top:2px; background:url(/images/icons.png) no-repeat; background-position:-378px -44px;}
#extension_guest .apply .con .qq i{ width:18px; height:18px; left:0; top:2px; background:url(/images/icons.png) no-repeat; background-position:-431px -43px;}
#extension_guest .apply .con .email i{ width:18px; height:14px; left:0; top:4px; background:url(/images/icons.png) no-repeat; background-position:-482px -45px;}
#extension_guest .partner .img{ width:227px; height:80px; border:1px solid #eaeaea; margin-left:13px; margin-bottom:13px; float:left;}
#extension_guest .partner .nor{ margin-left:0;}
/**********************************************************************************************/


/*service*/
#service{}
#service .module_box{height: 600px;border-bottom: 1px solid #e9e9e9;}
#service .module_box .video{width: 527px;height: 419px;margin-top: 137px;background: url(../images/extension/videobg.png) no-repeat 0 0;}
#service .module_box .video .img{position: relative;width: 435px;height: 289px;margin-top: 14px;margin-left: 60px;background: #ccc;}
#service .module_box .video .img img{width: 100%;height: 100%;}
#service .module_box .video .img .ext{position: absolute;top: 16px;right: -92px;width: 254px;height: 206px;}
#service .module_box .content{width: 455px;margin-top: 128px;}
#service .module_box .content .firt{position: relative;padding:20px 0;line-height: 50px;font-size: 30px;color: #333;}
#service .module_box .content .firt:before{position: absolute;content: '';bottom: -4px;left: -3px;width: 113px;height: 3px;background: #54c6b2;}
#service .module_box .content .desc{margin-top: 38px;line-height: 30px;font-size: 16px;color: #444;}

#service .audition{height: 335px;padding-top: 85px;background: url(../images/extension/audition.png) no-repeat center bottom;}
#service .audition_box{position: relative;width: 440px;height: 165px;padding:52px 15px 48px 365px;margin:auto;box-shadow: 0 0 35px rgba(44,165,148,0.2);-moz-box-shadow: 0 0 35px rgba(44,165,148,0.2);-webkit-box-shadow: 0 0 35px rgba(44,165,148,0.2);background: white;}
#service .audition_box img{position: absolute;left: 38px;top: -19px;}
#service .audition_box .con{}
#service .audition_box .firt{height: 72px;line-height: 72px;padding-top: 10px;font-size: 32px;}
#service .audition_box .sect{line-height: 29px;font-size: 16px;color: #666;}
#service .audition_box .tel{font-size: 20px;color: #01bea2;margin-top: 25px;}

/*system*/
#system .top .item{ width:298px; height:243px; border:1px solid #eaeaea; border-left:0;}
#system .top .item_nor{ border-left:1px solid #eaeaea;}
#system .top .item .img{ width:90px; height:90px; padding-top:35px; margin:0 auto;}
#system .top .item .name{ font-size:20px; text-align:center; margin-top:20px;}
#system .top .item .intro{ font-size:14px; color:#646464; text-align:center; margin-top:6px;}
#system .bot .item{ width:275px; height:115px; padding-left:110px; border:1px solid #e9e9e9; margin-left:19px; margin-bottom:15px;}
#system .bot .item_nor{ margin-left:0;}
#system .bot .item i{ width:58px; height:50px; left:25px; top:33px; background:url(/images/icons.png) #f7f7f7 no-repeat; background-position:-542px -384px;}
#system .bot .item h3{ height:25px; line-height:25px; overflow:hidden; padding-top:35px;}
#system .bot .item h3 a{ font-size:16px;}
#system .bot .item .date{ font-size:14px; color:#a9a9a9; margin-top:3px;}
#system .bot .item:hover{ border:1px solid #2ca594;background: #f4fefd;}
#system .bot .item:hover i{background-color: #f4fefd;}
#system .bot .item:hover h3 a{ color:#1da189; text-decoration:none;}
#system .bot .more{display: block;width: 264px;height: 52px;line-height: 52px;margin:auto;text-align: center;font-size: 14px;color: #888;background: #f1f1f1;text-decoration: none;}
#system .bot .more span{display: inline-block;font-size: 18px;font-weight: bold;margin-left: 3px;margin-top: -4px;vertical-align: middle;}

#system .mid .tips{ font-size:18px; color:#747474; margin:20px 0; text-align:center;}
#system .mid .category{ width:400px; margin:0 auto;}
#system .mid .category a{ width:195px; height:44px; line-height:44px; text-align:center; display:block; font-size:18px; color:#a2a2a2; float:left; text-decoration:none; }
#system .mid .category span{float: left;width: 10px;height:46px; line-height:46px; text-align:center;font-size:18px; color:#dddddd;}
#system .mid .category a.nor{ border-right:0;}
#system .mid .category a.cur{ color:#1ca18b; border-bottom:2px solid #2ca594; margin-top:0;}
#system .mid .box .switch{ display:none;}
#system .mid .box .cur{ display:block;}
#system .mid .show_item{ width:284px; height:74px; line-height:74px; border:1px solid #eaeaea; margin-left:18px; margin-bottom:18px;}
#system .mid .show_item_nor{ margin-left:0;}
#system .mid .show_item a{ width:100%; height:100%; display:inline-block; font-size:16px; text-indent:110px;}
#system .mid .show_item i{ width:50px; height:50px; left:50px; top:12px; background:url(/images/system/system_show_sign.png) no-repeat;}
#system .mid .show_item:hover{ background:#2ca594; border:1px solid #2ca594;}
#system .mid .show_item:hover a{ color:#fff; text-decoration:none;}
#system .mid .shop_item{ width:238px; height:550px; border:1px solid #e9e9e9; border-left:0; text-align:center; cursor:pointer; position:relative;}
#system .mid .shop_item_nor{ border-left:1px solid #e9e9e9;}
#system .mid .shop_item .title{ height:40px; padding-top:90px; background:#f4f6f6; border-bottom:1px solid #e9e9e9; font-size:18px;}
#system .mid .shop_item .title i{ width:60px; height:60px; left:50%; top:20px; margin-left:-30px; background:url(/images/system/system_shop_sign.png) no-repeat;}
#system .mid .shop_item .con{ padding-top:30px;}
#system .mid .shop_item .rows{ height:25px; line-height:25px; overflow:hidden; font-size:14px; color:#535353;}
#system .mid .shop_item .rows a{ font-size:14px; color:#535353;}
#system .mid .shop_item .abs{ width:296px; height:580px; position:absolute; left:-30px; top:-15px; display:none; z-index:1; border:1px solid #00bd9f; text-decoration:none; -moz-box-shadow:0 0 40px 0 #b8dfd1; -ms-box-shadow:0 0 40px 0 #b8dfd1; -o-box-shadow:0 0 40px 0 #b8dfd1; -webkit-box-shadow:0 0 40px 0 #b8dfd1; box-shadow:0 0 40px 0 #b8dfd1; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;background: white;}
#system .mid .shop_item .abs .title{ background:#2ca594 url(../images/system/systitbg.png) no-repeat right bottom; color:#fff; height: 135px;line-height: 135px; text-indent: 65px; font-size: 26px;text-align: left; padding-top:0px;}
#system .mid .shop_item .abs .rows{position: relative;text-align: left;padding-left: 64px;}
#system .mid .shop_item .abs .rows{height: 30px;line-height: 30px;}
#system .mid .shop_item .abs .rows a{font-size: 16px;}
#system .mid .shop_item .abs .rows img{position: absolute;top: 4px;left: 30px;}
#system .mid .shop_item.hover .abs{ display:block;}


#system .sys_bg{ background-color:#f9f9f9;}
#system .container1 .title{ font-size:28px; color:#0eaf83; border-bottom:1px solid #efefef; width:385px; margin:0 auto; padding-bottom:20px;}
#system .container1 .brief{ font-size:16px; line-height:30px; margin-top:20px;}
#system .container1 .img{ margin-top:30px;}
#system .container1 .img img{ margin-right:35px;}
#system .container2{ padding-top:130px; height:675px; box-sizing:border-box; background-repeat:no-repeat; background-position:top right;}
#system .container2.b2b{ background-image:url(../images/new/b2b_sys2.png);}
#system .container2.b2c{ background-image:url(../images/new/b2c_sys2.png);}
#system .container2 .subtitle{ font-size:24px; margin-left:30px; margin-bottom:10px;}
#system .container2 .title{ font-size:28px; color:#0eaf83; margin-left:30px; border-bottom:1px solid #e7e7e7; padding-bottom:20px; margin-bottom:20px; width:425px;}
#system .container2 .rows{ font-size:16px; color:#555; margin-left:30px; padding-left:20px; line-height:30px;}
#system .container2 .rows i{ width:5px; height:5px; border-radius:5px; left:0; top:13px; background:#0eaf83;}
#w1000 #system .container2{ background-position:top right -200px;}
#system .container3{ padding-top:120px; height:675px; box-sizing:border-box;}
#system .container3 i{ width:100%; height:1px; background:#0cba92; top:425px; left:0; z-index:-1;}
#system .container3 .subtitle{ font-size:24px;}
#system .container3 .title{ font-size:28px; color:#0eaf83; margin-top:10px;}
#system .container3 .item{ width:150px; margin-left:120px;}
#w1000 #system .container3 .item{ margin-left:80px;}
#system .container3 .item.nor{ padding-top:60px;}
#system .container3 .item .img{ width:110px; height:110px; margin:15px auto;}
#system .container3 .item .name{ font-size:16px; line-height:30px; text-align:center;}
#system .container4{ height:675px;}
#system .container4 .img{ width:588px; height:407px; margin-top:130px;}
#system .container4.b2c .img{ width:599px; height:363px; margin-top:150px;}
#system .container4 .con{ margin-top:230px; width:480px;}
#system .container4 .con .subtitle{ font-size:24px; margin-bottom:10px;}
#system .container4 .con .title{ font-size:28px; color:#0eaf83; border-bottom:1px solid #e7e7e7; padding-bottom:20px; margin-bottom:20px;}
#system .container4 .con .rows{ font-size:16px; color:#555; padding-left:20px; line-height:30px;}
#system .container4 .con .rows i{ width:5px; height:5px; border-radius:5px; left:0; top:13px; background:#0eaf83;}
#w1000 #system .container4 .con{ width:420px;}
#w1000 #system .container4 .img{ width:520px; height:360px;}
#w1000 #system .container4.b2c .img{ width:520px; height:315px;}
#system .container5 .title{ font-size:28px; color:#0eaf83;}
#system .container5{ height:675px; background:url(../images/new/b2b_sys4.jpg) left top 188px no-repeat;}
#system .container5 .subtitle{ font-size:24px; margin-top:10px; margin-bottom:225px;}
#system .container5 .item{ width:250px; margin-left:115px;}
#system .container5 .item .img{ width:115px; height:115px; margin:0 auto;}
#system .container5 .item .name{ font-size:20px; color:#0eaf83; margin-top:15px;}
#system .container5 .item .brief{ font-size:16px; color:#555; line-height:25px; margin-top:10px;}
#w1000 #system .container5 .item{ margin-left:60px;}
#system .container6{ height:675px;}
#system .container6 .title{ font-size:28px; color:#0eaf83; padding-top:70px;}
#system .container6 .img{ margin-top:50px;}
#system .container7 .subtitle{ font-size:24px; padding-top:105px;}
#system .container7 .title{ font-size:28px; color:#0eaf83; border-bottom:1px solid #eaeaea; padding-bottom:20px; width:390px; margin:0 auto; margin-top:5px;}
#system .container7 .brief{ font-size:16px; line-height:30px; margin-top:20px;}
#system .container7 .img{ margin-top:55px; padding-bottom:80px;}
#system .container8 .title{ font-size:28px; color:#0eaf83; margin-top:35px;}
#system .container8 .subtitle{ font-size:24px; border-bottom:1px solid #efefef; margin:0 auto; width:395px; margin-top:10px; padding-bottom:20px;}
#system .container8 .brief{ font-size:16px; color:#555; line-height:30px; margin-top:15px;}
#system .container9{ height:675px; background:url(../images/new/b2c_sys6.jpg) top center no-repeat;}
#system .container9 .item{ width:700px; height:238px; margin:0 auto; background:#0cba92; opacity:0.95;}
#system .container9 .title{ font-size:28px; color:#fff; width:385px; margin:0 auto; border-bottom:1px solid #5aceb5; padding-bottom:20px;}
#system .container9 .brief{ font-size:16px; color:#fff; line-height:30px; margin-top:20px;}
#system .container10 .title{ font-size:28px; color:#0cba92;}
#system .container10 .subtitle{ font-size:22px; margin-top:10px;}
#system .container10 .img{ margin-top:60px; margin-left:130px; margin-bottom:110px;}
#system .container10 .con{ width:540px; margin-top:50px;}
#system .container10 .con .item{ margin-bottom:40px;}
#system .container10 .con .item .info{ margin-left:25px;}
#system .container10 .con .item .info .name{ font-size:20px; color:#436aca; margin-bottom:10px;}
#system .container10 .con .item .info .name.f2{ color:#00baa2;}
#system .container10 .con .item .info .name.f3{ color:#297fd5;}
#system .container10 .con .item .info .brief{ font-size:16px; line-height:30px;}
#w1000 #system .container10 .img{ margin-left:80px;}
#w1000 #system .container10 .con{ width:480px;}
#system .container11 .subtitle{ font-size:24px;}
#system .container11 .title{ font-size:28px; color:#0eaf83; margin-top:10px;}
#system .container11 .con{ width:790px; margin:0 auto;}
#system .container11 .item{ display:inline-block; padding-top:148px; width:133px; margin:0 30px; font-size:16px; margin-bottom:45px;}
#system .container11 .item.i1{ background:url(../images/new/b2c_sys_icon4.png) no-repeat;}
#system .container11 .item.i2{ background:url(../images/new/b2c_sys_icon5.png) no-repeat;}
#system .container11 .item.i3{ background:url(../images/new/b2c_sys_icon6.png) no-repeat;}
#system .container11 .item.i4{ background:url(../images/new/b2c_sys_icon7.png) no-repeat;}
#system .container11 .item.i5{ background:url(../images/new/b2c_sys_icon8.png) no-repeat;}
#system .container11 .item.i6{ background:url(../images/new/b2c_sys_icon9.png) no-repeat;}
#system .container11 .item.i7{ background:url(../images/new/b2c_sys_icon10.png) no-repeat;}
#system .container12 .img{ margin:77px 0;}
#system .container12 .con{ margin-left:35px; margin-top:100px;}
#system .container12 .con .title{ font-size:28px; color:#0eaf83;}
#system .container12 .con .subtitle{ font-size:24px; margin-top:10px; padding-bottom:25px; width:380px; border-bottom:1px solid #eee; margin-bottom:25px;}
#system .container12 .con .rows{ font-size:16px; line-height:38px; padding-left:55px; margin-bottom:10px;}
#system .container12 .con .rows i{ width:38px; height:38px; left:0; top:0;}
#w1000 #system .container12 .img{ width:500px;}
#w1000 #system .container12 .con{ margin-top:70px;}
#system .container13 .subtitle{ font-size:24px;}
#system .container13 .title{ font-size:28px; color:#0eaf83; margin-top:5px;}
#system .container14 .title{ font-size:28px; color:#0eaf83;}
#system .container14 .item{ display:inline-block; width:180px; margin:0 100px;}
#system .container14 .item .name{ font-size:20px; margin-bottom:10px;}
#system .container14 .item .sub{ font-size:16px; color:#555;}
#system .container14 .item .img{ margin-top:50px; margin-bottom:40px;}
#system .container14 .item .brief{ line-height:30px; font-size:16px;}
#w1000 #system .container14 .item{ margin:0 70px;}

/*default*/
/*reg*/
#reg_header{background: #f9f9f9;height: 140px;text-align: center;}
#reg_header h1{height: 140px;}
#reg_header img{display: inline-block;vertical-align: middle;}
#reg_header span{display: inline-block;vertical-align: middle;height: 100%;}


.reg_form{padding-bottom: 60px;background: #fff;}
#reg{width:800px; margin:0 auto;}
#reg h1{padding-top: 52px;text-align: center;}
#reg h1 strong{display: block;height: 80px;line-height: 80px;font-size: 30px;color: #333;font-weight: normal;}
#reg h1 span{display: block;height: 70px;line-height: 70px;font-size: 16px;color: #666;}
#reg h4{ font-size:22px; color:#48bdaa;}
#reg ul{height:170px;}
#reg ul li{height:140px; width:370px; float:left; background: #f3f8f7; border:2px solid #f3f8f7; overflow:hidden; cursor:pointer;}
#reg ul li.r{float:right;}
#reg ul li.cur{width:374px; height:144px; border:none; background:url(../images/jt.jpg) right bottom no-repeat #48bdaa;}
#reg ul li.cur *{color:#fff;}
#reg ul li h2{font-size:28px; color:#00bd9f; text-align:center; padding:7px;margin-top: 21px;}
#reg ul li h3{font-size:20px; color:#999999; text-align:center; padding:7px;}
#reg table{width: 525px;padding:20px 0;}
#reg table td{padding:15px; font-size:16px;}
#reg table td input{width:390px; height:45px; line-height:45px; border:1px solid #ddd; font-size:14px; padding:0 10px;-webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;outline-color:#48bdaa;}
#reg table td input.submit{ margin-left:52px; width:412px; height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; letter-spacing:5px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#reg table td input.processing{ background:#919191; cursor:default;}
#reg table td input.login{ width:403px; height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; letter-spacing:5px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#reg table td .error{ padding-left:53px;display: none;margin-top: 12px;font-size: 14px;color: #999;}
#reg table td .tips{float: left;width:475px; height: 0;text-align:center; border-bottom:1px solid #f1f1f1;  color:#999999;}
#reg table td .tips span{display: inline-block;padding: 0 15px;line-height: 4px;background: #fff;}
#reg table td .reg{padding-right:140px;}
#reg table td .reg a{color:#0ca577; text-decoration:underline;}
#reg table td input.sms{float:left; width:179px; margin-left:53px;}
#reg table td input.sms_button{float:left; width:198px;margin-left: 12px; background:#f4f4f4; color:#333; height:47px; cursor:pointer;border:1px solid #dddddd;border-radius: 3px;}
#reg table td .ver_code{width:198px; height:47px; border:1px #ddd solid; border-radius:3px; margin-left:12px; padding:0; float:left; color:#333; cursor:pointer;}
#reg table td.vcode a img{ height:47px;}
#reg .reg_ok{width:600px; margin:0 auto; background:url(../images/reg_ok.jpg) left top no-repeat; border-bottom:1px dotted #ddd; padding-bottom:30px;}
#reg .reg_ok div{text-align:left; padding-left:130px; line-height:300%; font-size:16px;}
#reg .reg_ok div font, #reg .reg_ok div font a{color:#999;}
#reg .reg_ok div span{color:#48bdaa; font-size:20px;}
#reg .btn{ width:403px; height:50px; line-height:50px; display:block; color:#fff; font-size:18px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

.reg_code{ display: none;}
#reg_code{ width:572px; height:160px; padding:25px; position:fixed; left:50%; top:50%; margin-left:-311px; margin-top:-80px; text-align:center; background:#efefef; display:none; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; z-index:10001;}
#reg_code img{ vertical-align:top; height:46px;}
#reg_code .reg_code_tips{ font-size:16px;}
#reg_code .reg_code_input{ width:283px; height:45px; line-height:45px; border:0; outline:none; font-size:14px; text-indent:15px;}
#reg_code .reg_code_submit{ width:471px; height:47px; line-height:47px; display:block; margin:0 auto; border:0; background:#00bd9f; font-size:16px; color:#fff; cursor:pointer; margin-top:13px; outline:none; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#reg_code i{ width:35px; height:35px; right:-70px; top:-65px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}

.reg_outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 10;}
.reg_outer .reg_form{ -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;}
.reg_outer .pop_reg_page{ position: absolute; top: 50%; left: 50%; width: 936px; height: 610px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.reg_outer .pop_reg_page .close{ position: absolute; top: 20px; right: 20px;}
.reg_outer .pop_reg_page #reg{ width: 592px;}
.reg_outer .pop_reg_page #reg h1{ padding-top: 40px;}
.reg_outer .pop_reg_page #reg h1 strong{ width: 100%; height: auto; line-height: 50px; font-size: 30px; color: #333;}
.reg_outer .pop_reg_page #reg h1 span{ margin-top: 22px; height: auto; line-height: 25px; font-size: 16px; color: #333;}
.reg_outer .pop_reg_page #reg ul{ margin-top: 15px; height: auto;}
.reg_outer .pop_reg_page #reg ul li{ display: flex; justify-content: center; align-items: center; position: relative; width: 286px; height: 76px; border: 1px solid #ddd; background: none; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.reg_outer .pop_reg_page #reg ul li:before{ display: block; content: ''; position: absolute; right: 0; bottom: 0; width: 32px; height: 31px; background: url('/images/cur_icon.png') no-repeat center / 100% 100%; opacity: 0; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.reg_outer .pop_reg_page #reg ul li .icon{ position: relative; margin-right: 25px; width: 35px; height: 29px;}
.reg_outer .pop_reg_page #reg ul li .icon img{ position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.reg_outer .pop_reg_page #reg ul li .icon .icon1{ opacity: 0;}
.reg_outer .pop_reg_page #reg ul li h2{ margin-top: 0; padding: 0; font-size: 18px; color: #666;}

.reg_outer .pop_reg_page #reg ul li.cur{ background: #f8fffd; border-color: #0bba91;}
.reg_outer .pop_reg_page #reg ul li.cur .icon .icon1{ opacity: 1;}
.reg_outer .pop_reg_page #reg ul li.cur h2{ color: #900000;}
.reg_outer .pop_reg_page #reg ul li.cur:before{ opacity: 1;}

.reg_outer .pop_reg_page #reg table{ margin-top: 40px; padding: 0;}
.reg_outer .pop_reg_page #reg table tr td{ padding: 0; padding-top: 20px;}
.reg_outer .pop_reg_page #reg table tr td .tips{ position: relative; float: none; height: 26px; line-height: 26px; border-bottom: 0;}
.reg_outer .pop_reg_page #reg table tr td .tips:before{ display: block; content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #f1f1f1; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.reg_outer .pop_reg_page #reg table tr td .tips span{ line-height: 26px; position: relative; z-index: 1;}
.reg_outer .pop_reg_page #reg table tr:first-child td{ padding-top: 0;}
.reg_outer .pop_reg_page #reg table td.sub_td{ text-align: center;}
.reg_outer .pop_reg_page #reg table td input.submit{ margin: 0 auto 0; background: #0bba91; letter-spacing: 0; font-size: 22px;}

.reg_outer .create_shop{ display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; left: 50%; width: 750px; height: 360px; background: #fff; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.reg_outer .create_shop .create_shop_in .title{ width: 100%; line-height: 55px; font-size: 36px; color: #333; text-align: center;}
.reg_outer .create_shop .create_shop_in .result{ margin-top: 30px; width: 100%; line-height: 34px; font-size: 18px; color: #666; text-align: center;}
.reg_outer .create_shop .create_shop_in .pro{ margin-top: 10px; width: 600px;}
.reg_outer .create_shop .create_shop_in .pro .proBox, proFont
.reg_outer .create_shop .create_shop_in .pro .proPre{ -webkit-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px;}
.reg_outer .create_shop .create_shop_in .pro .proFont{ font-size: 0 !important;}
.reg_outer .create_shop .create_shop_in .text{ margin-top: 15px; width: 100%; line-height: 36px; font-size: 18px; color: #333; text-align: center;}
.reg_outer .hide{ display: none;}

.forgot_form{padding: 60px 0px;background: #fff;}
#forgot{width:500px; margin:0 auto;}
#forgot .forgot_title{width: 100%; border-bottom: 3px solid #eeeeee; padding-bottom: 15px;}
#forgot .forgot_title span{font-size: 30px; color: #0bba91; font-family: '微软雅黑'; border-bottom: 3px solid  #0bba91; padding-bottom: 15px;}
#forgot table{width: 500px;padding:20px 0;}
#forgot table td{padding:15px; font-size:16px;}
#forgot table td label{display: inline-block; width:85px;}
#forgot table td input{width:345px; height:45px; line-height:45px; border:1px solid #ddd; font-size:14px; padding:0 10px;border-radius: 3px;outline-color:#48bdaa;}
#forgot table td input.submit{ margin-left:90px; width:367px; height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; letter-spacing:5px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#forgot table td input.processing{ background:#919191; cursor:default;}
#forgot table td input.login{ width:378px; height:50px; border:none; cursor:pointer; color:#fff; font-size:18px; letter-spacing:5px; background:#48bdaa; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#forgot table td .error{ padding-left:90px;display: none;margin-top: 12px;font-size: 14px;color: #999;}
#forgot table td .tips{float: left;width:450px; height: 0;text-align:center; border-bottom:1px solid #f1f1f1;  color:#999999;}
#forgot table td .tips span{display: inline-block;padding: 0 15px;line-height: 4px;background: #fff;}
#forgot table td .forgot{padding-right:140px;}
#forgot table td .forgot a{color:#0ca577; text-decoration:underline;}
#forgot table td input.sms{float:left; width:155px; margin-left:90px;}
#forgot table td input.sms_button{float:left; width:177px;margin-left: 12px; background:#f4f4f4; color:#333; height:47px; cursor:pointer;border:1px solid #dddddd;border-radius: 3px;}
#forgot table td.vcode a img{ height:47px;}

/*************************** email start ***************************/
.email_char_1{overflow: hidden;}
.email_char_1 .left_char{float: left;padding-top: 90px;width: 655px;}
.email_char_1 .left_char .title{font-size: 26px;color: #1ca28a;padding-left: 10px;margin-bottom: 30px;}
.email_char_1 .left_char .char{width: 645px;font-size: 16px;color: #444444;line-height: 29px;padding-left: 10px;}
.email_char_1 .right_img{width: 470px;float: right;margin:48px 0 32px 0;}

.email_char_2{overflow: hidden;margin-bottom: 50px;}
.email_char_2 .char_2_title{height: 90px;line-height: 90px;text-align: center;font-size: 26px;color: #333333;}
.email_char_2 .char_2_list{height: 243px;overflow: hidden;border: 1px solid #eaeaea;}
.email_char_2 .char_2_list .list_box{width: 298px;border-left: 1px solid #eaeaea;float: left;height: 100%;}
.email_char_2 .char_2_list .list_box:first-child{border-left: none;width: 301px;}
.email_char_2 .char_2_list .list_box .icon{height: 63px;margin: 52px 0 30px 0;background: url(/images/email_char_2_icon.png) no-repeat center top;}
.email_char_2 .char_2_list .list_box .list_title{font-size: 20px;color: #333;text-align: center;margin-bottom: 12px;}
.email_char_2 .char_2_list .list_box .list_brief{font-size: 14px;color: #646464;text-align: center;}
.email_char_2 .char_2_list .list_box:hover{box-shadow: 0 0 15px 0 #ccc inset;}
.email_char_2 .char_2_list .list_box.list_1 .icon{background-position: center -69px;}
.email_char_2 .char_2_list .list_box.list_2 .icon{background-position: center -137px;}
.email_char_2 .char_2_list .list_box.list_3 .icon{background-position: center -209px;}

.email_char_3{overflow: hidden;}
.email_char_3 .char_3_title{height: 80px;line-height: 80px;text-align: center;font-size: 26px;color: #333333;}
.email_char_3 .table{width: 760px;overflow: hidden;margin: 0 auto;border: 1px solid #e9e9e9;border-radius: 3px;}
.email_char_3 .table .tr{height: 45px;line-height: 45px;border-top: 1px solid #e9e9e9;}
.email_char_3 .table .tr:nth-child(2n+1){background: #f6f6f6;}
.email_char_3 .table .tr:first-child{border-top: none;background: #2ca594;}
.email_char_3 .table .tr:first-child .td{color: white;}
.email_char_3 .table .tr .td{float: left;width: 379px;text-align: center;}
.email_char_3 .table .tr .td:first-child{border-right: 1px solid #e9e9e9;}

/* 新的邮件 */
.new_mail .email_char{height: 365px;}
.new_mail .email_char .left_char{float: left;padding-top: 70px;width: 655px;}
.new_mail .email_char .left_char .title{font-size: 26px;color: #1ca28a;padding-left: 10px;margin-bottom: 30px;}
.new_mail .email_char .left_char .char{font-size: 16px;color: #444444;line-height: 29px;padding-left: 10px;}
.new_mail .email_char .right_img{float: right;}

.new_mail .email_performance{padding-top: 58px;background: #fafafa;}
.new_mail .email_performance .title{height: 67px;line-height: 67px;font-size: 28px;color: #333;text-align: center;}
.new_mail .email_performance .perf_area{width: 100%;height: 500px;background: url(/images/mail_bg2.png) no-repeat top center;}


.new_mail .email_price{width: 1000px;margin: 0 auto;padding-top: 50px;padding-bottom: 130px;}
.new_mail .email_price .t{height: 90px;line-height: 90px;color: #333;margin-bottom: 15px;font-size: 28px;}
.new_mail .email_price .category{ width:410px; margin:0 auto;}
.new_mail .email_price .category a{ width:202px; height:43px; line-height:43px; text-align:center; display:block; font-size:18px; color:#a2a2a2; border:1px solid #eee; background:#f7f8fa; float:left; text-decoration:none; margin-top:1px;}
.new_mail .email_price .category a.nor{ border-right:0;}
.new_mail .email_price .category a.cur{ background:#fff; color:#1ca18b; border-top:2px solid #2ca594; margin-top:0;}
.new_mail .email_price .box{display: none;height: 562px;}
.new_mail .email_price .mail_item{ position: relative;width:333px; height: 560px; text-align:center; cursor:pointer;}
.new_mail .email_price .mail_item_nor{ border-left:1px solid #e9e9e9;}

.new_mail .email_price .mail_item .mail_posa{width: 332px;position: absolute;top: 0;left: 0;margin:auto;background: #fff;border:1px solid #e9e9e9; border-left:0;}
.new_mail .email_price .mail_item .title{background: #f8f8f8;height: 156px;text-align: center;}
.new_mail .email_price .mail_item .title .h3{padding-top: 31px;height: 32px;line-height: 32px;font-size: 18px;color: #666;}
.new_mail .email_price .mail_item .title .h4{height: 76px;line-height: 76px;font-size: 36px;color: #333;}
.new_mail .email_price .mail_item .title span.price{display: inline-block;vertical-align: top;line-height: 65px;color: #bbb;font-size: 24px;}
.new_mail .email_price .mail_item .title span.year{display: inline-block;font-size: 16px;vertical-align: bottom;line-height: 65px;}
.new_mail .email_price .mail_item .con{ padding-top:28px;padding-bottom: 36px;}
.new_mail .email_price .mail_item table{width: 190px;margin:auto;}
.new_mail .email_price .mail_item table td{height: 32px;line-height: 32px;text-align: left;font-size: 14px;color: #333;}
.new_mail .email_price .mail_item table .th{color: #999;}
.new_mail .email_price .mail_item table .th2{color: #1ca28a;}
.new_mail .email_price .mail_item .line{width: 234px;border-bottom: 1px solid #ececec;margin:28px auto 18px;}
.new_mail .email_price .mail_item:hover .mail_posa .title{background: #55c2af;padding-top: 5px;}
.new_mail .email_price .mail_item:hover .mail_posa .title *{color: #fff;}
.new_mail .email_price .mail_item:hover .mail_posa{left: -1px;top: -5px;z-index:1; border:1px solid #00bd9f; text-decoration:none; -moz-box-shadow:0 0 40px 0 #b8dfd1; -ms-box-shadow:0 0 40px 0 #b8dfd1; -o-box-shadow:0 0 40px 0 #b8dfd1; -webkit-box-shadow:0 0 40px 0 #b8dfd1; box-shadow:0 0 40px 0 #b8dfd1; -moz-border-top-left-radius:5px; -ms-border-top-left-radius:5px; -o-border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-top-left-radius:5px; -moz-border-top-right-radius:5px; -ms-border-top-right-radius:5px; -o-border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-top-right-radius:5px;}
/*************************** email end ***************************/

/*************************** service start ***************************/
.service_char_1{overflow: hidden;border-bottom: 1px solid #ebebeb;height: 400px;}
.service_char_1 .char_box{padding-top: 48px;width: 600px;}
.service_char_1 .char_box .title{font-size: 26px;color: #1ca28a;padding-left: 10px;margin-bottom: 30px;}
.service_char_1 .char_box .char{width: 550px;font-size: 16px;color: #444444;line-height: 29px;padding-left: 10px;}
.service_char_1 .img_box{width: 600px;height: 400px; margin-top: 30px; text-align:center;}
.service_char_2{overflow: hidden;margin-top: 40px;border-bottom: 1px solid #ebebeb; text-align:center;}
.service_char_2 .char_2_title{height: 85px;line-height: 85px;font-size: 26px;color: #1ca28a;text-align: center;}
.service_char_2 .char_2_text{font-size: 16px;color: #444;margin-bottom: 8px;text-align: center;}
.service_char_2 .char_2_text.width{width: 550px;text-indent: 10px;margin: 0 auto;line-height: 35px;}
.service_char_2 .char_2_text a{ color:#00F;}
.service_char_2 .char_2_img{margin-top: 40px}
.service_char_2.no_border{border:none;}

.service_area {height: 582px;}
.service_area table { width: 100%; }
.service_area table td { width: 50%; height: 582px; }
.service_area table .map { position: relative; width: 480px; height: 408px; margin-left: 40px; background: url(../images/service_area.png) no-repeat center center; }
.service_area table .map .canvas_box{position: absolute; top: 0px; left: 0px; width: 480px; height: 408px;}
.service_area .point-area { text-align: center; position: relative; width: 150px; height: 150px; -webkit-transition: opacity .5s ease-out; transition: opacity .5s ease-out }
.service_area .point-area .point-name { position: absolute; font-size: 14px; text-align: left; }
.service_area .point-area .point { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 6px; height: 6px; margin: auto; -webkit-border-radius: 50%; -webkit-background-clip: padding-box; -moz-border-radius: 50%; -moz-background-clip: padding; border-radius: 50%; background-clip: padding-box; background: transparent }
.service_area .point-area .point-dot { z-index: 1; background-color: #65c7b6; border: 1px solid rgba(0, 205, 236, .37) }
.service_area .point-area .point-10 { width: 100%; height: 100% }
.service_area .point-area .point-10:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #65c7b6; opacity: 0; -webkit-animation: ripple 4.5s ease-out 225ms infinite; animation: ripple 4.5s ease-out 225ms infinite }
.service_area .point-area .point-40 { width: 100%; height: 100% }
.service_area .point-area .point-40:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #65c7b6; opacity: 0; -webkit-animation: ripple 4.5s ease-out .9s infinite; animation: ripple 4.5s ease-out .9s infinite }
lesshat-selector { -lh-property: 0 }
@-webkit-keyframes ripple {
	0% { opacity: 0; -webkit-transform: scale(.1) }
	5% { opacity: 1 }
	to { opacity: 0; -webkit-transform: scale(1) }
}
@keyframes ripple {
	0% { opacity: 0; -webkit-transform: scale(.1); transform: scale(.1) }
	5% { opacity: 1 }
	to { opacity: 0; -webkit-transform: scale(1); transform: scale(1) }
}
/*************************** service end ***************************/

/*************************** authorization start ***************************/
#authorization{}
#authorization .top{background: #f8f8f8;height: 370px;text-align: center;}
#authorization .top .toptitle{height: 63px;line-height: 63px;padding-top: 49px;font-size: 30px;color: #90000;}
#authorization .top .sectitle{height: 35px;line-height: 35px;font-size: 16px;color: #666;}
#authorization .bottom{height: 537px;background: url(/images/authorization_bottom_bg.png) no-repeat center center;}
#authorization .bottom .aucontent{width: 780px;margin:0px auto 0px;}
#authorization .bottom .aucontent .aulist{width: 360px;padding-bottom: 52px;margin-top: -177px;overflow: hidden;box-shadow: 0px 0px 13px rgba(0,0,0,0.05);-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,0.05);-moz-box-shadow: 0px 0px 13px rgba(0,0,0,0.05);background: #fff;border-radius: 8px;-webkit-border-radius:8px;-moz-border-radius:8px;}
#authorization .bottom .aucontent .type{height: 140px;background: #32bec3 url(/images/authorization_b2c.png) no-repeat left center;text-align: center;}
#authorization .bottom .aucontent .b2b .type{background: #2ac7a5 url(/images/authorization_b2b.png) no-repeat left center;}
#authorization .bottom .aucontent .tit{padding-top: 30px;height: 28px;line-height: 28px;margin-bottom: 17px;color: #fff;font-size: 20px;}
#authorization .bottom .aucontent .price{height: 35px;line-height: 35px;font-size: 32px;color: #fff;}
#authorization .bottom .aucontent .price span{display: inline-block;vertical-align: top;font-size: 20px;}
#authorization .bottom .aucontent ul{padding-bottom: 60px;padding-top: 26px;}
#authorization .bottom .aucontent ul li{height: 55px;line-height: 55px;padding-left: 70px;font-size: 16px;color: #333;background: url(/images/authorization_lsitbg.png) no-repeat 43px center;}
#authorization .bottom .aucontent .go_try{display: block;width: 122px;height: 40px;line-height: 40px;margin:auto;border:1px solid #32bec3;font-size: 14px;color: #32bec3;text-align: center;text-decoration: none;border-radius: 2px;-webkit-border-radius:2px;-moz-border-radius:2px;}
#authorization .bottom .aucontent .b2b .go_try{color: #2ac7a5;border-color: #2ac7a5;}
/*************************** authorization end ***************************/



/**************** b2b/b2c novice start ***************/
#shop_novice .bg{background: #f8f8f8;}
#shop_novice .head_banner{padding-top: 35px;text-align: center;}
#shop_novice .head_banner .fir_tit{font-size: 18px;color: #666;height: 50px;line-height: 50px;}
#shop_novice .head_banner .sec_tit{font-size: 30px;color: #444;height: 36px;line-height: 36px;font-weight: bold;padding-bottom: 48px;}
#shop_novice .head_banner .sec_tit img{display: inline-block;vertical-align: middle;margin:0 8px;}
#shop_novice .head_banner .banner{position: relative;width: 100%;height: 540px;background: url(/images/novice/b2c_banner.png) no-repeat center center;}
#shop_novice .head_banner .computer{overflow: hidden;width: 881px;height: 432px;background: url(/images/novice/computer.png) no-repeat center center;margin:auto;}
#shop_novice .head_banner .video{width: 649px;height: 365px;margin-top: 32px;margin-left: 115px;cursor: pointer;}
#shop_novice .head_banner .down{position: absolute;margin:auto;bottom: -55px;}
#shop_novice .page_content{background: #fff;padding:0 55px 90px;margin-bottom: 55px;margin-top: 98px;}
#shop_novice .page_content .title{padding-top: 70px;padding-bottom: 20px;line-height: 50px;color: #333;font-size: 22px;font-weight: bold;}
#shop_novice .page_content .desc{font-size: 16px;line-height: 34px;}
#shop_novice .page_content .desc span{color: #00bd9f;font-weight: bold;}
#shop_novice .page_content .box{position: relative;width: 36.8%;padding:3.6% 5.5% 7.3%;font-size: 14px;line-height: 28px;color: #666;border:1px solid #4185f4;}
#shop_novice .page_content .box:before{content:'';position: absolute;left: 0;right: 0;top: -13px;margin:auto;width: 19px;height: 13px;background: url(/images/novice/box_bg.png) no-repeat center center;}
#shop_novice .page_content .box2{border:1px solid #01bfa5;}
#shop_novice .page_content .box2:before{background-image: url(/images/novice/box_bg2.png);}
#shop_novice .page_content .box_shadow{box-shadow: 0px 0px 20px rgba(0,0,0,0.24);-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.24);-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.24);}
#shop_novice .page_content li{position: relative;padding-left: 30px;line-height: 50px;font-size: 16px;color: #333;}
#shop_novice .page_content li:before{position: absolute;top: 0;bottom: 0;left: 0;margin:auto;content:'';width: 0;height: 0;border-width:5px 0 5px 7px;border-style: solid;border-color: transparent;border-left-color: #333;}
#shop_novice .page_content li span{color: #00bd9f;font-weight: bold;}
#shop_novice .page_content .tac{text-align: center;}
#shop_novice .page_content .bor_title{display: inline-block;height: 30px;line-height: 30px;padding-left: 25px;padding-right: 30px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;background: #00bd9f;color: #fff;font-size: 18px;}
#shop_novice .page_content .bor_con{margin-left: 6px;border-left:1px solid #d8d8d8;padding:40px 0 0px 50px;}
#shop_novice .page_content .bor_con .tit{position: relative;height: 36px;line-height: 36px;padding-left: 59px;margin-left: -56px;font-size: 18px;color: #00bd9f;background: #fff;font-weight: bold;}
#shop_novice .page_content .bor_con .tit:before{content:'';position: absolute;top: 0;bottom: 0;left: 0;margin:auto;width: 12px;height: 12px;border-radius: 100%;background: #00bd9f;}
#shop_novice .page_content .bor_con .desc{margin-top: 18px;margin-bottom: 56px;}
#shop_novice .page_content .bor_con .desc2{margin-bottom: 0;}

#login .main_box{width:1200px; height:594px; position:fixed; top:0px; bottom:0px; left:50%; z-index:2; margin:auto; transform:translateX(-50%); font-size:0px; border-radius:8px; box-shadow:0px 0px 10px rgba(0,0,0,0.06);}
#login .img_box{display:inline-block; vertical-align:middle; width:600px; height:594px;}

#login .login_box{ display:inline-block; vertical-align:middle; width:600px; height:100%; background:#fff; border-radius:6px; box-sizing:border-box; padding-top:100px;}
#login .login_box .logo{text-align:center;}
#login .login_box .hope{text-align:center; font-size:0px; margin-top:25px;}
#login .login_box .hope span{font-size:30px; color:#333333; line-height:30px; display:inline-block;}
#login .login_box .hope i{display:inline-block; width:2px; height:19px; line-height:30px; background-color:#808080; margin:0 20px;}
#login .login_box .login_title{ font-size:20px; text-align:center; color:#333333; margin-bottom:25px; margin-top:45px;}
#login .login_box .login_form{width:380px; margin:0 auto;}
#login .login_box .input input{ width:100%; height:44px; line-height:44px; border-radius:23px; text-indent:50px; font-size:14px; outline:none; border:0px;}
#login .login_box .input .user{ background:url(../images/login/icon_login_user.png) 22px center no-repeat;  background-color:#f4f4f4;}
#login .login_box .input .password{ background:url(../images/login/icon_login_password.png) 22px center no-repeat;  background-color:#f4f4f4;}
#login .login_box .submit{ width:100%; height:44px; line-height:44px; background:#900000; cursor:pointer; text-align:center; color:#fff; font-size:18px; border:0; display:block; letter-spacing:5px; border-radius:22px; margin-top:30px; outline: none;}
#login .login_box .submit.loading{ background:url(../images/login_loading.gif) #0cba92 center no-repeat; text-indent:10000px;}
#login .login_box .tips{width:380px; margin:0 auto; text-align:left; font-size:14px; color:#999;}
#login .login_box .tips a{ color:#07bb8a;}
#login .login_box .tips .forgot_btn{ float: right; color:#999999;}
#login .member_box{ width:400px; height:460px; background:#fff; border-radius:6px; box-shadow:0 0 10px 0 rgba(0,0,0,0.05); box-sizing:border-box; padding:40px; position:fixed; left:50%; top:50%; margin-left:-200px; margin-top:-230px;}
#login .member_box h2{ font-size:28px; text-align:center; margin-bottom:30px;}
#login .member_box .member_list{ height: 310px; overflow:hidden;}
#login .member_box .member_list .member_item{ height: 50px; line-height: 50px; border: 1px solid #dedede; border-radius: 5px; padding-left: 55px; cursor: pointer; margin-bottom: 10px; background-color: #fff; background-repeat: no-repeat; background-image: url(../images/icon_login_domain.png); background-position: 15px center; overflow: hidden; padding-right: 20px;}
#login .member_box .member_list .member_item a{ font-size: 18px; color: #666; text-decoration: none; display: block; overflow: hidden;}
#login .member_box .member_list .member_item:hover{ background-color: #e8f1ef; border: 1px solid #900000;}

#login .main_box .top_right_ico{position:absolute; top:-113px; right:-100px; z-index:-1;}
#login .main_box .bototm_left_ico{position:absolute; bottom:-79px; left:-64px; z-index:3;}

.body_top_left_ico{position:fixed; top:0px; left:11.7%;}
.body_bottom_right_ico{position:fixed; bottom:0px; right:7%;}
/**************** b2b/b2c novice end ***************/

/*w1000*/
/*general*/
#w1000 .global_item_fir{ width:307px; margin-left:38px; height:236px;}
#w1000 .global_item_fir_nor{ margin-left:0;}
#w1000 .global_item_fir .img{ width:305px; height:184px;}
#w1000 .global_item_sec{ width:307px; margin-left:38px; height:282px;}
#w1000 .global_item_sec_nor{ margin-left:0;}
#w1000 .global_item_sec .img{ width:305px; height:184px;}
#w1000 .global_item_sec .video_img{height:173px;}
#w1000 .global_item_sec .intro .ova{width: 275px;}
#w1000 .global_phone_fir{ margin:0 54px; margin-bottom:40px;}
#w1000 .global_right_ad .row_box .img{ float:none; margin:0 auto;}
#w1000 .global_right_ad .row_box .con{ float:none;}
/*header*/
#w1000 #global_qq_service{top: 330px;}
#w1000 #header .logo{height: 46px;margin:25px 0;}
#w1000 #header .nav li{ margin:0 10px;}
#w1000 #header .tel{margin-left: 20px;font-size: 18px;}

#w1000 #header .header_abs .logo{height: 42px;margin: 9px 0;}
#w1000 #header .member a.register{ /*margin-left:50px;*/}

/*#w1000 #header .tel{transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;overflow:visible;color: #3cb794;}
#w1000 #header .tel i{left: auto;right: 5px;}
#w1000 #header .tel span{height: 0;position: absolute;right: 0;top: 73px;width: 190px;background: #1a1f1e;text-align: center;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;overflow: hidden;}
#w1000 #header .tel:hover{width: 0;padding-left: 70px;padding-bottom: 24px;margin-left: 0;}
#w1000 #header .tel:hover span{height: 50px;}
#w1000 #header .tel:hover:before{content: '';position: absolute;width: 30px;height: 2px;background: #00bd9f;right: 5px;top: 50px;}*/
/*footer*/
#w1000 #footer .info{ width:270px;}
#w1000 #footer .menu dl{ width:113px; margin-right:15px;}
/*index*/
#w1000 #int .website .item{ width:330px; height:200px; padding-left:130px; padding-right:20px;background-size: 80px auto;}
#w1000 #int .website .item .title{ padding-top:25px;}
#w1000 #int .website .item .img{ left:15px; top:30px;}
#w1000 #int .guid .tacking{margin-left: 10px;}
#w1000 #int .guid .tacking .con{}
#w1000 #int .guid .video{margin-right: 10px;width: 276px;}
#w1000 #inb .news{ width:480px;}
#w1000 #inb .news .item .img{ width:160px; height:82px;}
#w1000 #inb .news .item .con{ width:305px;}
#w1000 #inb .news .item .con .date{ margin-top:7px;}
#w1000 #inb .system{ width:490px;}
#w1000 #inb .partner .container{ padding-left:165px;}
#w1000 #inb .partner .item{ margin-right:52px;}
/*template*/
/* #w1000 #template .item{ float:none; margin:0 auto; margin-bottom:60px;} */
/*price*/
/*
#w1000 #price table{ width:1000px;}
#w1000 #price table .burst div{ width:199px;}
#w1000 #price table .burst .standard{ left:400px;}
#w1000 #price table .burst .advanced{ left:600px;}
#w1000 #price table .burst .professional{ left:800px;}
#w1000 #price table td.tips div{ width:548px;}
*/
/*cust*/
#w1000 #cust .mid .item{ width:225px; margin-left:20px;}
#w1000 #cust .mid .item .pic{ width:225px;}
#w1000 #cust .mid .item .pic img{ width:200px;}
#w1000 #cust .mid .item_four .pic img{ width:180px;}
/*faq*/
#w1000 #faq .category{ width:180px;}
#w1000 #faq .contents{ width:800px;}
#w1000 #faq .contents .item{ width:302px; margin-left:20px; margin-bottom:20px; padding:15px 15px 0 70px;}
#w1000 #faq .contents .item_nor{ margin-left:0;}
#w1000 #faq .contents .item i{ left:10px; top:10px;}
/*extension*/
/*#w1000 #extension .item{ width:457px; margin-left:20px; padding:15px; margin-bottom:20px;}
#w1000 #extension .item_nor{ margin-left:0;}
#w1000 #extension .item .img{ width:200px; height:136px;}
#w1000 #extension .item .con{ width:240px;}
#w1000 #extension .item .con h3{ height:20px; line-height:20px;}
#w1000 #extension .item .con h3 a{ font-size:16px;}
#w1000 #extension .item .con .param{ margin-bottom:5px;}
#w1000 #extension .item .con .intro{ font-size:12px;}
#w1000 #extension .item .con .pv{ margin-top:5px;}*/
#w1000 #extension .marketing .item{width: 290px;}
#w1000 #extension .marketing .item1{}
#w1000 #extension .marketing .item2{left: 215px;}
#w1000 #extension .marketing .item3{left: 439px;}
#w1000 #extension .marketing .item4{left: 704px;}
#w1000 #extension .marketing .item.cur{margin-left: -15px;}
#w1000 #extension .marketing .item.cur li{background-position: 12px center;padding-left: 35px;font-size: 14px;}

#w1000 #extension_detail .top{ height:422px;}
#w1000 #extension_detail .top .video{ width:620px;}
#w1000 #extension_detail .top .con{ width:325px;}
#w1000 #extension_detail .top .con .intro{ height:75px;}
#w1000 #extension_detail .bot .item{ width:234px; margin-left:20px;}
#w1000 #extension_detail .bot .item_nor{ margin-left:0;}
#w1000 #extension_detail .bot .item .img{ width:222px; height:151px;}
#w1000 #extension_guest .top .item{ padding:30px; width:188px;}
#w1000 #extension_guest .mid .item{ width:300px; margin-left:25px;}
#w1000 #extension_guest .mid .item .img{ width:300px; height:174px;}
#w1000 #extension_guest .partner .img{ width:187px; height:66px;}


/*system*/
#w1000 #system .top .item{ width:248px;}
#w1000 #system .mid .show_item{ width:240px; margin-left:10px;}
#w1000 #system .mid .show_item_nor{ margin-left:0;}
#w1000 #system .mid .show_item i{ left:35px;}
#w1000 #system .mid .show_item a{ text-indent:100px;}
#w1000 #system .mid .shop_item{ width:188px;}
#w1000 #system .mid .shop_item:first-child{margin-left: 25px;}
#w1000 #system .mid .shop_item .abs{width: 216px;left: -10px;}
#w1000 #system .bot .item{ width:244px; height:95px; margin-left:10px; padding-left:80px;}
#w1000 #system .bot .item_nor{ margin-left:0;}
#w1000 #system .bot .item i{ left:15px; top:23px;}
#w1000 #system .bot .item h3{ padding-top:20px;}

/*about*/
#w1000 #about .content .intro{ width:470px;}
#w1000 #about .progress_s0 .contents{ width:1000px; height:320px; background:url(/images/about_progress_big_s0.png) no-repeat center;background-size: auto 100%; }

#w1000 #about .technology .item .list{width: 175px;}
#w1000 #about .technology .item .firt{font-size: 40px;}


#w1000 #about .progress_s0 .contents .flag{display: none !important;}
#w1000 #about .progress_s0 .contents .item{font-size: 12px;}
#w1000 #about .progress_s0 .contents .item span{margin-bottom: 10px;}
#w1000 #about .progress_s0 .contents .item.down span{margin-top: 10px;margin-bottom: 0px;}
#w1000 #about .progress_s0 .contents .i0{ top:-32px; left:150px;}
#w1000 #about .progress_s0 .contents .i1{ top:-10px; left:265px;}
#w1000 #about .progress_s0 .contents .i2{ top:-32px; left:368px;}
#w1000 #about .progress_s0 .contents .i3{ top:-10px; left:480px;}
#w1000 #about .progress_s0 .contents .i4{ top:-32px; left:590px;}
#w1000 #about .progress_s0 .contents .i5-1{ top:-10px; left:698px;}
#w1000 #about .progress_s0 .contents .i5-2{ top:-32px; left:805px;}
#w1000 #about .progress_s0 .contents .i6{ top:245px; left:698px;}
#w1000 #about .progress_s0 .contents .i7{ top:249px; left:590px;}
#w1000 #about .progress_s0 .contents .i8{ top:245px; left:480px;}
#w1000 #about .progress_s0 .contents .i9{ top:280px; left:368px;}
#w1000 #about .progress_s0 .contents .i10{ top:259px; left:265px;}
#w1000 #about .progress_s0 .contents .i11{ top:231px; left:150px;}
#w1000 #about .news .item{ width:312px; margin-left:30px;}
#w1000 #about .news .item .img{ width:312px; height:158px;}
#w1000 #about .news .nor{ margin-left:0;}
/*news*/
#w1000 #info .item{width: 310px;margin-left: 18px;}
#w1000 #info .item .img{ height:157px;}
#w1000 #info .item .con{ }
#w1000 #info .item .all{ width:100%;}
#w1000 #info_detail .contents{ width:770px;}
#w1000 #info_detail .ad{ width:210px;}
/*company*/
#w1000 #company .item{ width:238px; margin-left:15px;}
#w1000 #company .item .img{ width:224px; height:149px;}
/*contact*/
#w1000 #contact .top{ padding:30px;}
#w1000 #contact .top .item{ margin-left:20px;}
#w1000 #contact .top .item{ width:300px;}
#w1000 #contact .top .address{ margin-left:0;}
#w1000 #contact .top .address div{ font-size:14px;}
#w1000 #contact .top .tel div{ font-size:14px; margin-left:75px;}
#w1000 #contact .top .tel i{ left:25px;}
#w1000 #contact .top .email div{ font-size:14px;}
#w1000 #contact .mid .item{ width:262px;}
#w1000 #contact .bot{ padding:20px 15px 30px 15px;}
#w1000 #contact .bot .fl{ width:700px;}
#w1000 #contact .bot .form_input{ width:338px;}
#w1000 #contact .bot .form_textarea{ width:670px;}
/*#w1000 #contact .bot .fr{ width:240px; height:270px;}*/
#w1000 #contact .bot .sign{ padding-top:15px;}
/*instance*/
#w1000 #instance .category_blank{ height:180px;}
#w1000 #instance .menu .instance_tag{ height:auto; padding-bottom:0;}
#w1000 #instance .menu .instance_tag a{ margin-bottom:10px; margin-right:15px;}
#w1000 #instance .menu .instance_category{ height:auto; padding-bottom:0;}
#w1000 #instance .menu .instance_category a{ margin-bottom:10px;}
#w1000 #instance .item{ margin:0 auto; float:none; margin-bottom:35px;}

/*email*/
#w1000 .new_mail .email_char .left_char{width: 580px;}

/*service*/
#w1000 .service_char_1{padding:0 10px;}
#w1000 .service_char_1 .char_box,#w1000 .service_char_1 .img_box{width: 490px;}
#w1000 .service_char_1 .char_box .char{width: 470px;}
#w1000 .service_area table .map{margin-left: 0px;}


#w1000 #service .module_box{padding: 0 20px;}
#w1000 #service .module_box .video{width: 477px;background-size: 100% auto;}
#w1000 #service .module_box .content{width: 425px;margin-top: 108px;}
#w1000 #service .module_box .video .img{width: 393px;height: 261px;margin-top: 13px;margin-left: 55px;}
#w1000 #service .module_box .video .img .ext{top: 31px;right: -75px;width: 230px;height: 186px;}

/*byone*/
.byone{ background:#fff; padding:70px; text-align:center; box-sizing:border-box;}
.byone .h2{ font-size:36px;}
.byone .h3{ font-size:18px; margin-top:25px;}
.byone .img{ border:4px solid #000; width:230px; height:230px; margin:70px auto 20px auto;}
.byone .h4{ font-size:14px; color:#5f5f5f;}
.byone .byone_kf{ width:580px; margin:0 auto; margin-top:60px;}
.byone .byone_kf .pic{ width:47px; height:47px;}
.byone .byone_kf .con{ width:495px; height:90px; border:1px solid #d9d9d9; border-radius:5px; margin-left:30px; box-sizing:border-box; padding-left:15px; padding-top:8px;}
.byone .byone_kf .con i{ width:11px; height:13px; background:url(../images/new/byone_arrow.png) no-repeat; left:-11px; top:15px;}
.byone .byone_kf .con .name{ font-weight:bold; font-size:14px; text-align:left;}
.byone .byone_kf .con .brief{ font-size:14px; color:#5f5f5f; text-align:left; line-height:22px; margin-top:5px;}


.dry_right{float: right;width: 290px;padding-top: 20px;margin-bottom: 40px;}
.dry_right .title{height: 56px;line-height: 56px;padding-top: 10px;text-indent: 20px;font-size: 20px;}
.dry_right .keyword{background: #fafafa;padding-bottom: 5px;}
.dry_right .keyword .box{padding-left: 25px;}
.dry_right .keyword .item{float: left;border-color: #bebebe;border-style: solid;border-width: 1px;border-radius: 13px;height: 24px;line-height: 24px;padding:0 15px;font-size: 12px;margin-bottom: 15px;margin-right: 10px;}
.dry_right .hot{margin-bottom: 20px;background: #fafafa;}
.dry_right .hot .box{padding-left: 20px;}
.dry_right .hot .item{display: block;height: 52px;line-height: 52px;border-top: 1px solid #ededee;overflow: hidden;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.dry_right .hot .item:first-child{border-top: none;}
.dry_right .hot .item span{display: inline-block;width: 22px;text-align: center;margin-right: 13px;}
.dry_right .hot .item.fir span{color: #f99a21;}
.dry_right .hot .box form{padding-bottom: 20px;}
.dry_right .hot .box form input[type=text]{width: 150px;padding: 0 10px;border: 1px solid #ccc;height: 28px;}
.dry_right .hot .box form input[type=submit]{width: 50px;padding: 0;border: none;height: 28px;background: #ff6600;color: #fff;border-radius: 4px;}

.dry_right .wechat{ padding-bottom: 10px;}
.dry_right .wechat .w_sao{ font-size:16px; margin-top:10px;}
.dry_right .wechat .w_more{ font-size:14px; color:#00bd9f; margin-top:5px; margin-bottom:20px;}

.dry_right .linkArea{margin-bottom: 20px;border: 1px solid #ededed;}
.dry_right .linkArea .title{height: 52px;line-height: 52px;border-bottom: 1px solid #ededed;padding-left: 20px;color: #1ca18b;}
.dry_right .linkArea .linkBox{padding: 17px;box-sizing:border-box;overflow: hidden;}
.dry_right .linkArea .linkBox a{float: left;width: 50%;font-size: 14px;margin-bottom: 10px;}

.loading_con{ padding-top: 30px; width: 100%; min-height: 500px; background: #f9f9f9;}
/*
	.loading_con .loading_con_in{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
	.loading_con .loading_con_in .loading_table{ display: table; width: 100%; height: 100%;}
	.loading_con .loading_con_in .loading_table .loading_table_cell{ display: table-cell; vertical-align: middle;}
*/
.loading_con .img{ width: 100%;}
.loading_con .title{ width: 100%; height: 58px; line-height: 58px; font-size: 36px; color: #333; text-align: center;}
.loading_con .brief{ width: 100%; height: 47px; line-height: 47px; font-size: 24px; color: #7e7e7e; text-align: center;}
/*
.video_outer{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;}
.video_outer .video_con{ position: absolute; left: 50%; top: 50%; padding: 20px; width: 900px; height: 482px; background: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.video_outer .video_con video{ width: 100%; height: 100%;}
.video_outer .video_con embed{ width: 100%; height: 100%;}
.video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
.video_outer.cur{ display: block;}
*/
.video_outer{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100;}
.video_outer .video_con{ position: absolute; left: 50%; top: 50%; margin: -241px 0 0 -450px; padding: 20px; width: 900px; height: 482px; background: #fff;}
.video_outer .video_con video{ width: 100%; height: 100%;}
.video_outer .video_con embed{ width: 100%; height: 100%;}
.video_outer .video_con i{ position: absolute; width:35px; height:35px; right:-50px; top:-40px; background:url(/images/icons.png) no-repeat; background-position:-254px -35px; cursor:pointer;}
.video_outer.cur{ display: block;}

#cust_detail .list.wrap{ margin-top: 0;}
#cust_detail .contents video{ display: block; margin: 0 auto;}
#cust_detail .menu{ width:100%;}
#cust_detail .menu .instance_tag{ width: 100%; height: 80px; border-bottom: 1px solid #d9d9d9;}
#cust_detail .menu .instance_tag .list{ padding: 0 20px; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
#cust_detail .menu .instance_tag a{ display: inline-block; position: relative; padding: 0 47px; height: 100%; line-height: 80px; font-size: 18px; color: #333;text-decoration: none;}
#cust_detail .menu .instance_tag a:before{ display: block; content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #900000; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s;}
#cust_detail .menu .instance_tag a.cur{ color: #900000;}
#cust_detail .menu .instance_tag a.cur:before{ opacity: 1;}
#cust_detail .menu .instance_tag a.icons{ padding-right:45px;}
#cust_detail .menu .instance_tag a.icons i{ width:30px; height:30px; right:5px; top:0px; background:url(/images/instance.gif) no-repeat center center;}
#cust_detail .menu .instance_tag a:hover{ color: #900000;}
/*#cust_detail .menu .instance_tag a:hover:before{ opacity: 1;}*/
#cust_detail .menu .instance_category{ margin-top: 30px; width: 100%;}
#cust_detail .menu .instance_category .list{ padding: 0 11px; height: 33px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#cust_detail .menu .instance_category .list a{ display: inline-block; padding: 0 14px; height: 100%; line-height: 33px; font-size: 14px; color: #555; text-decoration: none; -webkit-border-radius: 17px; border-radius: 17px; -webkit-transition: all 0.3s; transition: all 0.3s;}
#cust_detail .menu .instance_category .list a.cur{ background: #900000; color: #fff;}
#cust_detail .menu .instance_category .list a:hover{ background: #900000; color: #fff;}

#global_cate{ width: 100%; height: 80px; border-bottom: 1px solid #d9d9d9;}
#global_cate .list{ display: grid; grid-template-columns: repeat(4, 1fr);}
#global_cate .list a{ display: block; position: relative; width: 100%; height: 100%; line-height: 80px; font-size: 18px; color: #333; text-align: center; text-decoration: none;}
#global_cate .list a:before{ display: block; content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 4px; background: #900000; opacity: 0;}
#global_cate .list a:hover{ color: #900000;}
#global_cate .list a.cur{ color: #900000;}
#global_cate .list a.cur:before{ opacity: 1;}

/*#marketing{ margin: 0 auto; width: 1200px;}*/
#resource{ margin-top: 38px;}
#resource.video{ margin-top: 0;}
#resource .top_title{line-height: 59px;overflow: hidden;text-indent: 5px;text-align: center;font-size: 36px;color: #333;}
#resource .top_title.desc{padding-bottom: 18px;}

#resource .marketing_list{margin-top: 60px;}
#resource .marketing_list .item_box{ display: none; margin: 0 auto; width: 1200px;}

#resource .marketing_detail .contents{width:890px;}
#resource .marketing_detail .contents .param{height:36px; line-height:36px; padding:10px 0px; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc;}
#resource .marketing_detail .contents .param  *{font-size:14px; color:#747373}
#resource .marketing_detail .contents .param  .author{margin-left:100px;}
#resource .marketing_detail .contents .param  .view{margin-left:40px;}
#resource .marketing_detail .contents .param  .time{margin-left:40px;}
#resource .marketing_detail .contents .param  .bdsharebuttonbox{margin-left:20px; margin-top:8px;}
#resource .marketing_detail .contents .description{padding-left:0px; padding-right:0px; line-height:30px;}
#resource .marketing_detail .contents .add_share{text-align:center; padding-bottom:35px;}
#resource .marketing_detail .contents .add_share .good_out{display:inline-block;}
#resource .marketing_detail .contents .add_share .good_out .good{display:inline-block; min-width:70px; height:35px; line-height:35px; border-radius:5px; background:url('../images/thumbs_up.png') no-repeat 15px center #1a1a1a; background-size:20px 20px; padding-left:45px; color:#fff; text-align:left;}

#resource .marketing_detail .contents .near{ border-top:1px solid #e5e5e5; padding:15px 0;}
#resource .marketing_detail .contents .near .row{ font-size:14px; color:#37b084; float:left; width:50%; height:25px;}
#resource .marketing_detail .contents .near .row a{color:#535353;}
#resource .marketing_detail .contents .near .row a:hover{color:#900000;}

#resource .marketing_detail .contents .related_news .related_news_title{ font-size: 20px; height:49px; line-height: 49px; border-bottom:1px solid #ededee;}
#resource .marketing_detail .contents .related_news .related_news_list{}
#resource .marketing_detail .contents .related_news .related_news_list .related_news_item{ overflow: hidden; border-bottom:1px dashed #ededee; padding:10px 0; float:left; width:420px;}
#resource .marketing_detail .contents .related_news .related_news_list .related_news_item.odd{ margin-left:20px; float:right;}
#resource .marketing_detail .contents .related_news .related_news_list .related_news_item a{ font-size: 14px;}
#resource .marketing_detail .contents.related_news .related_news_list .related_news_item:last-child{ border-bottom: 0;}


#resource .marketing_detail .dry_right{width: 290px; padding-top:20px; margin-bottom:40px;}
#resource .marketing_detail .dry_right  .title{height:52px; line-height:52px; padding-left:20px; font-size:20px;}

#resource .marketing_detail .dry_right .linkArea{margin-bottom:20px; border:1px solid #ededed;}
#resource .marketing_detail .dry_right .linkArea .title{color:#1ca18b; padding-top:10px; text-indent:20px; border-bottom:1px solid #ededed;}
#resource .marketing_detail .dry_right .linkArea .linkBox{padding:17px; box-sizing:border-box; overflow:hidden;}
#resource .marketing_detail .dry_right .linkArea .linkBox a{float:left; width:50%; font-size:14px; margin-bottom:10px;}

#resource .marketing_detail .dry_right .hot{margin-bottom:20px; background:#fafafa;}
#resource .marketing_detail .dry_right .hot .box{padding-left: 20px;}
#resource .marketing_detail .dry_right .hot li{display: block;height: 52px;line-height: 52px;border-top: 1px solid #ededee;overflow: hidden;-webkit-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
#resource .marketing_detail .dry_right .hot li:first-child{border-top: none;}

#resource .marketing_detail .dry_right .wechat{ padding-bottom: 10px; text-align:center;}
#resource .marketing_detail .dry_right .wechat .title{text-align:left;}
#resource .marketing_detail .dry_right .wechat .w_sao{ font-size:16px; margin-top:10px;}
#resource .marketing_detail .dry_right .wechat .w_more{ font-size:14px; color:#00bd9f; margin-top:5px; margin-bottom:20px;}
/* {border-top: none;} */

#resource .marketing_detail .dry_right .keyword{background: #fafafa;padding-bottom: 5px;}
#resource .marketing_detail .dry_right .keyword .box{padding-left: 25px;}
#resource .marketing_detail .dry_right .keyword a{float: left;border-color: #bebebe;border-style: solid;border-width: 1px;border-radius: 13px;height: 24px;line-height: 24px;padding:0 15px;font-size: 12px;margin-bottom: 15px;margin-right: 10px;}


#resource .first{margin-left: 10px;}
#resource .item .img{ height:179px;text-align: center;}
#resource .item .con{ padding:14px 12px 18px; }
#resource .item .con h3{ height:30px; line-height:30px;margin-bottom: 7px;}
#resource .item .con h3 a{display: block; height:30px; line-height:30px; overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size:16px; color:#222222;}
#resource .item .con .date{ font-size:14px; color:#bbbbbb; font-family:"Arial"; line-height: 24px;}
#resource .item .con .intro{ font-size:14px; color:#999999; line-height:22px; height:66px; overflow:hidden;}
#resource .item:hover{ margin-top: -10px;}


/* 首页案例图片 */
#resource .item{float: left; }
#resource .item.big, #resource .item.live{width: 364px;margin-left: 41px;margin-bottom: 50px; }
#resource .item.big.first, #resource .item.live.first{margin-left: 0px;}
#resource .item.big .img{ height: 206px;}
/* #resource .item.big .con,#resource .item.live .con{ padding:8px 18px 5px 14px;} */
/* #resource .item.big .con h3 a{font-size: 14px;color: #333;} */
/* #resource .item.big .name{display: block;height: 48px;line-height: 48px;padding: 0 10px;overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size: 14px;color: #333;}
 */
#resource .item.big .video_name{display: block;height: 48px;line-height: 48px;background:url(../images/global/icon_video.png) no-repeat 10px center;padding: 0 10px 0 10px;overflow:hidden;-moz-text-overflow: ellipsis ;-webkit-text-overflow: ellipsis ;text-overflow: ellipsis ;white-space: nowrap;font-size: 14px;color: #333;}
#resource .item.big .video_name .time{float: right;line-height: 48px;font-size: 12px;color: #606060;}
#resource .item.live .img{height: 228px;}
#resource .item.live .con h3{margin-bottom: 0;}
#resource .item.live .con .view{height: 38px;line-height: 38px;background:url(../images/icon_view.png) no-repeat 1px center;padding-left: 24px;font-size: 12px;color: #555;}
#resource .item.live .con .date{float: right;line-height: 38px;font-size: 12px;}




#resource .item:hover .con h3 a,#resource .item.big:hover .name, #resource .item.big:hover .video_name a, #resource .item.big:hover .name a{color: #900000; text-decoration: none;}

#resource .menu_list{ margin: 28px auto 0; padding: 5px; display: flex; justify-content: space-between; width: 872px; height: 53px; background: #f2f5f8; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 5px; border-radius: 5px;}
#resource .menu_list a{ display: inline-block; width: 133px; height: 100%; line-height: 43px; position: relative; font-size: 16px; color: #747c7f; text-align: center; text-decoration: none;  -webkit-border-radius: 2px; border-radius: 5px; -webkit-transition: all 0.3s; transition: all 0.3s;}
#resource .menu_list a:hover{ color: #900000;}
#resource .menu_list a.cur{ background: #fff; color: #900000;}
/*#resource .menu_list a.cur:after{content: '';width: 100%;height: 3px;background: #07bb8a;position: absolute;right: 0;bottom: -1px;left: 0;}*/
#resource .description{overflow: hidden;padding: 30px 10px 10px;}

/*************************** 视频播放页 star ***************************/
#resource .video_bg{width:100%; background:#646464;}
#resource .video_bg .video_title{width:100%; height:87px; line-height:87px; font-family:'微软雅黑'; color:#FFF; font-size:24px;}
#resource .video_bg .video_main{width:100%; background:#464646; height:500px; overflow:hidden;}
#resource .video_bg .other_video{width:100%; height:67px; line-height:67px; overflow:hidden;}
#resource .video_bg .other_video .last{float:left; padding-left:15px; background:url('../images/video_last_arrow.png') no-repeat left center;}
#resource .video_bg .other_video .next{float:right; padding-right:20px; background:url('../images/video_next_arrow.png') no-repeat right center;}
#resource .video_bg .other_video span{color:#fff; font-size:14px; font-family:'微软雅黑';}
#resource .video_bg .other_video a{color:#a0a0a0; font-size:14px; font-family:'微软雅黑';}

#resource .recommend_video{margin-top:25px;}
#resource .recommend_video .recommend_title{font-family:'微软雅黑'; font-size:25px; color:#333333; line-height:47px; border-bottom:1px solid #ebebeb;padding-bottom:10px;}
#resource .recommend_video .recommend_list{margin-top:30px;}
#resource .recommend_video .recommend_item{width:364px; float:left; border:1px solid #ebebeb; margin-left:41px;}
#resource .recommend_video .recommend_item:first-child{margin-left:10px;}
#resource .recommend_video .recommend_item:hover{margin-top:-10px;}
#resource .recommend_video .recommend_item .pic{width:100%; height:206px; vertical-align:middle; text-align:center;}
#resource .recommend_video .recommend_item .pic img{vertical-align:middle;}
#resource .recommend_video .recommend_item .pic span{display:inline-block; height:100%; vertical-align:middle;}
#resource .recommend_video .recommend_item .content{margin:8px 10px 5px 10px;overflow:hidden;}
#resource .recommend_video .recommend_item .content .video_name{height:30px; line-height:30px; float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#resource .recommend_video .recommend_item .content .video_name a{color:#333; font-size:14px; font-family:'微软雅黑';}
#resource .recommend_video .recommend_item:hover  .content .video_name a{color:#900000;}
#resource .recommend_video .recommend_item .content .video_length{float:right; margin-right:10px; color:#606060; font-size:12px; font-family:'微软雅黑';}

#resource .recommend_video .recommend_list .marketing_course  .video_name{padding-left:28px; background:url('../images/video_name_icon.png') no-repeat left center;}
#resource .recommend_video .recommend_list .live_course .pic{height:228px;}
#resource .recommend_video .recommend_list .live_course  .view{height:38px; line-height:38px; background:url(../images/global/icon_view.png) no-repeat 1px center; padding-left:24px; color:#555; overflow:hidden;}
#resource .recommend_video .recommend_list .live_course  .date{float:right; line-height:38px;}
/*************************** 视频播放页 end ***************************/

.video_play{cursor: pointer;}
.video_box{display: none;position: fixed;width: 790px;height: 444px;top: 0;bottom: 0;left: 0;right: 0;margin:auto;z-index: 100001;}
.video_box>a{content:'';width: 45px;height: 45px;position: absolute;right: -45px;top: -45px;background: url(../images/global/icon_video_close.png) no-repeat center center;border-radius: 23px;}
.video_box>div{width: 100%;height: 100%;background: #000;position: relative;}
.video_box>div .tips{width: 354px;height: 224px;padding: 50px;background: #202020;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;color: #fff;}
.video_box>div .tips a{color: #fff;padding-left: 3px;text-decoration: underline;}
.video_box>div .tips td{padding: 50px 40px;text-align: left;line-height: 22px;}

.cust_success_list{ margin: 110px auto; width: 1000px; min-width: 1000px;}
.cust_success_list .cust_item{ position: relative; margin-top: 65px; padding-bottom: 100px; width: 100%; background: #f4f4f4; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;}
.cust_success_list .cust_item:first-child{ margin-top: 0;}
.cust_success_list .cust_item .text{ display: block; position: absolute; top: 60px; left: 50px; padding: 40px 38px; width: 460px; height: 280px; background: rgba(255, 255, 255, 0.95); text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; transition: all 0.5s;}
.cust_success_list .cust_item .text .title{ width: 100%; height: 39px; line-height: 39px; font-size: 20px; color: #333; text-align: center;}
.cust_success_list .cust_item .text .brief{ margin-top: 15px; width: 100%; height: 72px; line-height: 24px; font-size: 14px; color: #999; text-align: center;}
.cust_success_list .cust_item .text .btn{ margin: 32px auto 0; width: 150px; height: 42px; line-height: 42px; border: 1px solid #900000; font-size: 16px; color: #900000; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; transition: all 0.5s;}
.cust_success_list .cust_item .text:hover{ -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.cust_success_list .cust_item .text:hover .btn{ background: #900000; color: #fff;}

.video_center{text-align: center;}


#landing{}
#landing *{font-family: 'SHSR';line-height: 1.5;}
#landing .margin_1200{width: 1200px;margin: 0 auto;}
#landing .header_top_blank{width: 100%;height: 96px;}
#landing .banner{width: 100%;height: 680px;background: url(/images/landing/landing_banner.png) no-repeat center/cover;}
#landing .banner_txt{height: 100%;text-align: center;display: table;}
#landing .banner_txt .banner_txt_middle{display: table-cell;vertical-align: middle;}
#landing .banner_txt .banner_txt_middle .bg_white{width: 676px;height: 348px;margin: auto;color: #333;box-sizing:border-box;padding: 62px 0 30px;background: rgba(255,255,255,0.95);}
#landing .banner_txt .banner_txt_middle .title{font-size: 50px;margin-top: 35px;}
#landing .banner_txt .banner_txt_middle .desc{font-size: 50px;font-family: 'SHSB';margin-top: 11px;}
#landing .middle_green{padding: 122px 0 110px;background: #37ae8d;}
#landing .middle_green .copy{width: 270px;float: left;margin-left: calc( (100% - 270px*4)/3 );text-align: center;color: #fff;padding-bottom: 48px;position: relative;}
#landing .middle_green .copy:before{position: absolute;content: '';width: 100%;height: 18px;/*background: #fff;*/left: 0;bottom: 0px;border: 1px solid rgba(255,255,255,0.5);border-top: none;}
/*#landing .middle_green .copy:after{position: absolute;content: '';width: 1px;height: 18px;background: #fff;right: 0;bottom: 0px;}*/
#landing .middle_green .copy:first-child{margin-left: 0px;}
#landing .middle_green .copy .top_num .num{font-size: 60px;line-height: 24px;display: inline-block;vertical-align: sub;font-family: 'SHSB';color: #fff;position: relative;top: 30px;opacity: 0;}
#landing .middle_green .copy .top_num .tag{font-size: 20px;line-height: 24px;display: inline-block;vertical-align: text-bottom;color: #fff;margin-left: 5px;}
#landing .middle_green .copy:first-child .top_num .tag{line-height: 13px;}
#landing .middle_green .copy .name{font-size: 24px;margin-top: 31px;color: #fff;}
#landing .choose .choose_title{text-align: center;padding-top: 105px;}
#landing .choose .choose_title .title{font-size: 46px;margin-bottom: 14px;}
#landing .choose .choose_title .desc span{display: inline-block;vertical-align: middle;font-size: 46px;font-family: 'SHSB';}
#landing .choose .choose_title .desc span:first-child{color: #0eb085;}
#landing .choose .choose_list .copy{padding: 150px 0;}
#landing .choose .choose_list .copy:nth-child(2n){background: #f6f8fb;}
#landing .choose .choose_list .copy:nth-child(3){padding-top: 140px;}
#landing .choose .choose_list .copy:nth-child(4){padding-top: 122px;margin-bottom: -7px;}
#landing .choose .choose_list .copy .img_out{float: left;width: 50%;}
#landing .choose .choose_list .copy .img_out .img{margin: -30px;}
#landing .choose .choose_list .copy .cont{float: left;width: 50%;padding-left: 100px;box-sizing:border-box;}
#landing .choose .choose_list .copy:nth-child(2n) .img_out{float: right;}
#landing .choose .choose_list .copy:nth-child(2n) .cont{padding-left: 0px;padding-right: 100px;}
#landing .choose .choose_list .copy .cont .title{font-size: 36px;}
#landing .choose .choose_list .copy .cont .desc{font-size: 24px;line-height: 46px;color: #666666;margin-top: 23px;}
#landing .choose .choose_list .copy .cont .desc p{padding-left: 40px;background: url(/images/landing/landing_choose_list_btn.png) no-repeat left top 14px;margin: 0px;margin-top: 10px;font-size: 24px;line-height: 46px;}
#landing .choose .choose_list .copy .cont .desc p:first-child{margin-top: 0px;}
#landing .form{padding: 102px 0 120px;text-align: center;display: none;}
#landing .form.form2{padding-top: 106px;}
#landing .form .margin_1200{width: 800px;}
#landing .form .title{font-size: 46px;padding-bottom: 19px;}
#landing .form input[type=text]{box-sizing:border-box;width: 100%;height: 70px;line-height: 70px;padding: 0 23px;font-size: 22px;color: #aaaaaa;border-radius: 5px;margin-top: 30px;border: 1px solid #f3f3f3;background: #f3f3f3;}
#landing .form input[type=text]::-webkit-input-placeholder {color: #aaaaaa;font-size: 22px;} 
#landing .form input[type=text]:-moz-placeholder {color: #aaaaaa;font-size: 22px;} 
#landing .form input[type=text]::-moz-placeholder {color: #aaaaaa;font-size: 22px;} 
#landing .form input[type=text]:-ms-input-placeholder {color: #aaaaaa;font-size: 22px;}
#landing .form input[type=submit]{height: 70px;line-height: 70px;background: #0eb085;color: #fff;text-align: center;margin: 0 auto;border-radius: 35px;border: none;font-size: 36px;font-family: 'SHSM';display: inline-block;width: 400px;margin-top: 60px;transition:all 0.3s;cursor: pointer;}
#landing .form input[type=submit]:hover{background: #48bdaa;}
#landing .chanage_btn_out{text-align: center;padding: 15px 0 120px;background: #f6f8fb;}
#landing .chanage_btn_out.chanage_btn_out2{padding-top: 63px;background: #fff;}
#landing .chanage_btn_out .btn{min-width: 350px;height: 70px;line-height: 70px;background: #0eb085;color: #fff;text-align: center;margin: 0 auto;border-radius: 35px;border: none;font-size: 36px;font-family: 'SHSM';display: inline-block;padding: 0 25px;padding: 0;width: 510px;}
#landing .same{padding: 107px 0 117px;/*background: #f6f8fb;*/}
#landing .same .title{text-align: center;}
#landing .same .title span{display: inline-block;vertical-align: middle;font-size: 46px;}
#landing .same .title span:nth-child(2n+1){font-size: 50px;color: #0eb085;font-family: 'SHSB';font-style: italic;margin: 0 9px 0 2px;}
#landing .same .same_bg{height: 650px;background: url(/images/landing/landing_ueeshop_bg.png) no-repeat left center;padding: 55px 0 57px;margin-top: 54px;background-position: calc( (100vw - 1920px - 16px )/2 ) center;}
#landing .same .same_inner{box-sizing:border-box;float: right;border-top-left-radius: 18px;border-bottom-left-radius: 18px;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.06);padding: 1px 0 119px;background: #fff;min-width: 1111px;overflow: hidden;width: 1460px;width: 76.0417vw;width: calc( 1200px + ( 100% - 1200px )/2 - 100px );}
#landing .same .same_inner .copy{float: left;width: 468px;margin: 0 24px 0 59px;padding: 0 0 53px;/*border-bottom: 2px dashed #aeaeae;*/padding-top: 104px;position: relative;}
#landing .same .same_inner .copy:after{background: url(/images/landing/landing_same_tag.png) #fff repeat left bottom;height: 2px;position: absolute;bottom: 0px;left: 0px;width: 100%;content: '';}
#landing .same .same_inner .copy .img{display: inline-block;vertical-align: middle;width: 55px;padding: 0 40px;}
#landing .same .same_inner .copy .name{display: inline-block;vertical-align: middle;font-size: 36px;line-height: 54px;margin-left: 19px;max-width: calc( 100% - 160px );}
#landing .same .same_inner .copy:nth-child(4) .name{margin-right: -20px;max-width: calc( 100% - 140px );}
#landing .safe{text-align: center;padding: 105px 0 120px;background: #f4f6f9;}
#landing .safe .title{font-size: 46px;}
#landing .safe .safe_list{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 0 40px;margin-top: 48px;}
#landing .safe .safe_list .copy{float: left;border-radius: 9px;overflow: hidden;box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);background: #fff;}
#landing .safe .safe_list .copy .img{height: 180px;}
#landing .safe .safe_list .copy .cont{padding: 32px 25px 33px;}
#landing .safe .safe_list .copy .name{font-size: 30px;font-family: 'SHSM';}
#landing .safe .safe_list .copy .desc{font-size: 22px;line-height: 36px;color: #666666;margin-top: 10px;}

/*header*/
#header_blank{ display: none; position:fixed; left:0; top:0;}
#header_blank #header{ position:fixed; left:0; top:0; background: #fff; -webkit-transition: all 0.5s; transition: all 0.5s;}
#header_blank #header.fixed{ background: #fff; box-shadow: 0 0.6667vw 1.3333vw rgba(0, 0, 0, 0.1);}
#header_blank #header .logo{ display: flex; justify-content: center; align-items: center; margin: 0; width:30.9333vw; height: 16.0vw;}
#header_blank #header .menu{ width:0.5rem; height:0.4rem; margin-top:0.4rem; background:url(/mweb/images/menu.png) no-repeat; background-size:contain;}
#header_blank #header .menu_cur{ background:url(/mweb/images/menu_cur.png) no-repeat; background-size:contain;}
#header_blank #header .menu_list{ width:100%; max-height: calc(100vh - 110px); position:absolute; left:0; top:100%; background:#fff; display: none; overflow-y: auto;}
#header_blank #header .menu_list ul{ border-top:1px solid #eaeaea; padding:0.2rem 0;}
#header_blank #header .menu_list li{ /*height:0.7rem;*/line-height:0.7rem; overflow:hidden; position:relative;}
#header_blank #header .menu_list li .item_btn{ display: flex; justify-content: center; align-items: center; position:absolute; top:0; right:0; width:50px; height:0.7rem;transition:all .5s; transform-origin:center; text-align:center; padding:0;}
#header_blank #header .menu_list li .item_btn img{ max-width: 3.2vw; max-height: 1.8667vw;}
#header_blank #header .menu_list li .item_btn:active{ background:none; color:inherit;}
#header_blank #header .menu_list li .item_btn.up{transform:rotateZ(180deg);}
#header_blank #header .menu_list li a{ padding:0 0.4rem; height: 13.3333vw; line-height: 13.3333vw; font-size:0.42rem; color:#333; display:block;}
/*#header_blank #header .menu_list li a:active{ background:#48bdaa; color:#fff;}*/
#header_blank #header .menu_list li .sec_menu{ display:none;}
#header_blank #header .menu_list li .sec_menu a{ display: block; height: 10.6667vw; line-height: 10.6667vw; font-size:0.32rem; color: #666;}

@media screen and (max-width: 991px){

  .pc_show{display: none !important;}
  .mb_show{display: block !important;}

  #header{ display: none;}
  .header_fill{ display: none;}
  #header_blank,
  #header_blank #header{ display: block; }
  #header_blank #header .container{padding:0 0.2rem;}
  #header_blank{ display: block; height: 16vw; position:relative; z-index:10001; width: 100%; min-width: unset; box-sizing:border-box;}

  .partner_box{margin-top: 13.33333vw; padding-top: 12.66667vw; background-image: none !important; background: #f5f5f5; height: auto; padding-bottom: 24.666667vw; height: auto !important;}
  .partner_box .item_title{font-size: 6.66667vw; line-height: 7.46667vw;}
  .partner_box .list{margin-top: 7.33333vw;}
  .partner_box .list .item{width:17.33333vw;}
  .partner_box .list .item .icon{height: 17.33333vw;}
  .partner_box .list .item .title{line-height: 4vw; font-size: 3.73333vw;}

  .index_item{padding-top: 45px;}
  .index_item .item_title{font-size: 25px; line-height: 35px;}
  .index_item.index0 .list{margin-top: 32px;}
  .index_item.index0 .list .item{flex-wrap:wrap; padding-top: 0px;}
  .index_item.index0 .list .item .con{padding-left: 0px; margin-top: 32px; text-align: center;}
  .index_item.index0 .list .item .con .title{font-size: 20px; font-weight: bold; line-height: 30px;}
  .index_item.index0 .list .item .con .title:before{left: 50%; width: 25px; margin-left: -12.5px;}
  .index_item.index0 .list .item .con .brief{font-size: 14px; line-height: 24px;}
  .index_item.index0 .list .item .con .btn{display: inline-block; font-size: 16px;}
  .index_item.index0 .list .item:nth-child(even) .con{padding-left: 0px;}
}

@media screen and (max-width: 768px){
  /*header*/
  .banner{ display: none;}
  #advantage .cate_list{ display: none;}
  #b2b_advantage .cate_list{ display: none;}
  .model_banner{ display: block;}

  .model_banner{ position: relative; padding-top: 8vw; width: 100%; height: 62.6667vw; background: #37ae8e; -webkit-box-sizing: border-box; box-sizing: border-box;}
  .model_banner .ban_text{ width: 100%; text-align: center;}
  .model_banner .ban_text .ban_title{ width: 100%; line-height: 8.9333vw; font-size: 6.4vw; color: #fff;}
  .model_banner .ban_text .ban_brief{ margin-top: 2.2667vw; width: 100%; line-height: 6.1333vw; font-size: 3.7333vw; color: #fff;}
  .model_banner .ban_img{ position: absolute; left: 50%; bottom: 0; width: 77.3333vw; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0;}
  .model_banner .ban_img.cur{ -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); opacity: 1;}

  .mobile_category{ display: grid; grid-template-columns: repeat(5, 1fr); margin-bottom: 10.6667vw; height: 13.3333vw; border-bottom: .1333vw solid #ebebeb; position:relative;}
  #advantage .mobile_category{ grid-template-columns: repeat(6, 1fr);}
  .mobile_category a{ display: block; position: relative; width: 100%; height: 100%; line-height: 13.3333vw; font-size: 4.2667vw; color: #222; text-align: center;}
  .mobile_category a.cur{ color: #900000;}
  .mobile_category a:before{ display: none; content: ''; position: absolute; left: 50%; bottom: -0.2667vw; width: 21.3333vw; height: 0.5333vw; background: #37ae8d; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
  .mobile_category a.cur:before{ display: block;}
}

@media screen and (max-width: 750px){
  #header{ display: none;}
  .header_fill{ display: none;}
  #header_blank,
  #header_blank{ display: block;}

  .global_subbanner .title .brief3 span{ display: flex; justify-content: center; align-items: center; line-height: 30px; font-size: 23px; color: #900000;}
  .global_subbanner .title .brief3 span em{ margin: 0 22px; font-size: 14px; font-style: normal;}
}



.oper_time_outer{ display: flex; justify-content: center; align-items: center; margin-top: 30px; width: 100%;}
.oper_time_outer .txt{ display: inline-block; margin-right: 9px; font-size: 14px; color: #333;}
.oper_time_outer .oper_time{ display: flex; justify-content: center; align-items: center;}
.oper_time_outer .oper_time .day_seconds{ display: flex; justify-content: center; align-items: center; height: 42px;}
.oper_time_outer .oper_time .day_count .d,
.oper_time_outer .oper_time .day_seconds .t{ display: inline-block; margin-left: 4px; width: 32px; height: 100%; line-height: 42px; background: #313130; font-size: 20px; color: #fff; font-weight: bold; text-align: center; border-radius: 4px;}
.oper_time_outer .oper_time .day,
.oper_time_outer .oper_time .day_seconds .s{ display: inline-block; margin: 0 5px 0 9px; height: 100%; line-height: 42px; font-size: 16px; color: #333;}
.oper_time_outer .oper_time .day{ font-size: 14px;}

.new_anim{  -moz-animation: new_anim-out .75s; -webkit-animation: new_anim-out .75s; animation: new_anim-out .75s }
.new_anim {-moz-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);position: absolute;top: 50%;left: 50%;z-index: 1}
.new_anim:before{ position: relative;  content: '';  display: block;  margin-top: 100%; }
.new_anim:after{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; -moz-animation: new_anim-out-pseudo .75s;-webkit-animation: new_anim-out-pseudo .75s;animation: new_anim-out-pseudo .75s  }
.new_anim, .new_anim:after{ animation-iteration-count: infinite; animation-duration: 1.3s }
@-webkit-keyframes new_anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25)
  }

  100% {
      background: transparent
  }
}

@-moz-keyframes new_anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25)
  }

  100% {
      background: transparent;
  }
}

@-ms-keyframes new_anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25)
  }
  100% {
      background: transparent
  }
}

@keyframes new_anim-out-pseudo {
  0% {
      background: rgba(0,0,0,0.25)
  }
  100% {
      background: transparent
  }
}

@-webkit-keyframes new_anim-out {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

@-moz-keyframes new_anim-out {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

@-ms-keyframes new_anim-out {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

@keyframes new_anim-out {
  0% {
      width: 0
  }

  100% {
      width: 100%
  }
}

.apply_outer{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); z-index: 10000;}
.apply_outer .apply_in{ position: absolute; top: 50%; left: 50%; padding: 20px; width: 936px; height: 476px; background: #fff; transform: translate(-50%, -50%); border-radius: 10px; box-sizing: border-box;}
.apply_outer .apply_in .apply_con{ width: 100%; height: 100%;}
.apply_outer .apply_in .apply_con .apply_close{ width: 100%; height: 20px; text-align: right;}
.apply_outer .apply_in .apply_con .apply_title{ width: 100%; height: 50px; line-height: 50px; font-size: 30px; color: #333; text-align: center;}
.apply_outer .apply_in .apply_con .apply_form{ margin: 40px auto 0; width: 600px;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row{ display: flex; justify-content: start; align-items: center; margin-top: 20px; width: 100%; height: 46px;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row:first-child{ margin-top: 0;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row .apply_form_title{ padding-right: 15px; width: 114px; font-size: 16px; color: #333; text-align: right; box-sizing: border-box;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row .input{ padding: 0 10px; width: 412px; height: 100%; border-radius: 4px; box-sizing: border-box;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row input.input{ border: 1px solid #ddd;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row.apply_tips{ margin-top: 10px; height: auto;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row .red{ margin-left: 10px; font-size: 14px; color: #f00;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row.apply_tips .input{ height: auto; line-height: 32px; font-size: 14px; color: #999; text-align: center;}
input::-webkit-input-placeholder{ font-size: 14px; color: #999;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row.submit_row{ margin-top: 40px;}
.apply_outer .apply_in .apply_con .apply_form .apply_form_row input[type=Submit]{ border: 0; background: #0bba91; font-size: 22px; color: #fff; cursor: pointer;}
input:-moz-placeholder{ font-size: 14px; color: #999;}
input::-moz-placeholder{ font-size: 14px; color: #999;}
input:-ms-input-placeholder{ font-size: 14px; color: #999;}


/***** 生态资源   *****/
/* 
.resources_banner{width:100%; max-height:300px; margin-top:96px; position:relative;}
.resources_banner .text_box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.resources_banner .text_box .b_title{font-size:60px; line-height:60px; color:#fff; text-align:center;}
.resources_banner .text_box .sub_title_box{margin-top:40px; position:relative; margin-left:85px;}
.resources_banner .text_box .sub_title_box p{font-size:18px; line-height:33px; color:#fff; margin:0px;}
.resources_banner .text_box .sub_title_box .john{position:absolute; width:120px; height:32px; top:0px; left:-120px; font-size:18px; line-height:32px; text-indent:13px; color:#fff;  background:url('/images/resources/2021-3-30/resources_john_bg.png') repeat-y left top;}

.resources_ash_bg{background-color:#f1f5f8; padding: 38px 0px 100px;}

.resources_main{width:96%; max-width:1200px; margin: 0px auto; overflow:hidden}
.resources_main .quick_nav_box{width:89px; float:left; padding-right:9px;}
.resources_main .quick_nav_box .nav_list{width:100%;}
.resources_main .quick_nav_box .nav_list .nav_item{width:100%; height:30px; font-size:16px; color:#000; line-height:30px; margin-top:15px; text-align:center; cursor:pointer;}
.resources_main .quick_nav_box .nav_list .nav_item.cur{color:#fff; background-color:#636363; position:relative;}
.resources_main .quick_nav_box .nav_list .nav_item.cur:before{content:''; position:absolute; right:-9px; top:0px;  width: 0; height: 0; border-top: 15px solid transparent; border-left: 9px solid #636363; border-bottom: 15px solid transparent;}
.resources_main .right_show_box{float:right; width:87.41667%; }
.resources_main .right_show_box .cate_item{background:#fff; border-radius:17px; overflow:hidden; margin-bottom:44px;}
.resources_main .right_show_box .cate_item:last-child{margin-bottom:0px;}
.resources_main .right_show_box .cate_item .cate_title_box{width:100%; height:48px; line-height:48px; border-bottom:1px solid #eaeaea;}
.resources_main .right_show_box .cate_item .cate_title_box .cate_itle{float:left; min-width:80px; height:48px; line-height:48px; font-size:20px; color:#fff; background-color:#0bba91; padding:0px 30px; text-align:center; border-radius:17px 0px 17px 0px;}
.resources_main .right_show_box .cate_item .cate_title_box .ctae_turn_box{float:right; margin-right:32px; height:48px; line-height:48px;}
.resources_main .right_show_box .cate_item .cate_title_box .ctae_turn_box .cate_turn_btn{display:inline-block; width:10px; height:12px; background-image:url('/images/resources/2021-3-30/cate_turn_btn.png'); background-repeat:no-repeat; background-position:left center; cursor:pointer; margin-right:9px; outline:none;}
.resources_main .right_show_box .cate_item .cate_title_box .ctae_turn_box .right_btn{background-position:right center; margin-right:0px; margin-left:9px;}
.resources_main .right_show_box .cate_item .cate_title_box .ctae_turn_box .tuan_page{color:#333333; font-size:14px; display:inline-block; width:auto;}
.resources_main .right_show_box .cate_item .brand_box{width:92%; margin:40px auto 10px; overflow:hidden}
.resources_main .right_show_box .cate_item .brand_box .brand_list{width:100%; font-size:0px;}
.resources_main .right_show_box .cate_item .brand_box .brand_list .brand_item{display:inline-block; width:20%; height:0px; padding-top:51px; position:relative; margin-bottom:30px;}
.resources_main .right_show_box .cate_item .brand_box .brand_list .brand_item img{position:absolute; top:0px; right:0px; bottom:0px; left:0px; margin: auto;}

@media (max-width:1240px){
	.resources_main .right_show_box{width:85%;}
}*


/** 注册协议  agreement  **/
.agreement_page{width: 100%; max-width: 1200px; margin: 50px auto;}
.agreement_page .big_title{font-size: 40px; text-align: center; margin-bottom: 50px;}
.agreement_page .content_p{font-size: 18px; line-height: 36px; padding: 15px 0px; color:#555;}
.agreement_page .content_p .bold{font-weight: bold;}
.agreement_page .content_p .red{color:#f00;}

/******* 用户案例 *******/
.user_case{margin:90px auto !important;}
.user_case .main_title{font-size: 50px; color: #000; line-height: 56px; text-align: center;}
.user_case .case_list{margin-top: 80px; font-size: 0px; text-align: center; padding: 0 80px 60px; position: relative;}
.user_case .case_list .list_item{display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; overflow: hidden; box-sizing:border-box; padding-left: 22px;}
.user_case .case_list .list_item .pic{display: block; width: 37.722%; height: 0; padding-top: 22.201%; position: relative; overflow: hidden; border-radius: 10px;}
.user_case .case_list .list_item .pic img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}
.user_case .case_list .list_item:hover .pic img{transform: scale(1.01); -ms-transform: scale(1.01);}
.user_case .case_list .list_item .item_info{box-sizing: border-box; width: 58.743%; padding: 5px 0 0 20px; text-align: left; position: relative;}
.user_case .case_list .list_item .item_info .item_title{display: block; font-size: 30px; color: #000; line-height: 40px;}
.user_case .case_list .list_item .item_info .item_title .name{font-size: 38px; line-height: 48px;}
.user_case .case_list .list_item .item_info .item_title .title{margin-top: 8px; font-size: 30px;}
.user_case .case_list .list_item .item_info .item_bfdesc{font-size: 16px; color: #434343; line-height: 32px; margin-top: 24px;}
.user_case .case_list .list_item .item_info .more{display: inline-block; margin-top: 35px; font-size: 20px; color: #0bba91; line-height: 26px;  padding-right: 23px; background: url('/static/themes/t269/images/index_server_platform_url_ico.png') no-repeat top 7px right; text-decoration: none; }
.user_case .case_list .list_item .item_info .item_info_line{width: 1px; height: 92px; background-color: #0bba91; position: absolute; left: 2px; top: 10px;}
.user_case .case_list .list_item .item_info .item_info_line:before{content: ''; width: 5px; height: 5px; background-color: #0bba91; position: absolute; left: -2px; top: 0;}
.user_case .case_list .list_item .item_info .item_info_line:after{content: ''; width: 5px; height: 5px; background-color: #0bba91; position: absolute; left: -2px; bottom: 0;}
.user_case .case_list .swiper-button-prev, .user_case .case_list .swiper-button-next{width: 27px; height: 69px; margin-top: 0; transform: translateY(-50%); position: absolute;}
.user_case .case_list .swiper-button-prev, .user_case .case_list .swiper-container-rtl .swiper-button-next{left: 0; background: url(../images/icon_case_prev.png) no-repeat center; background-size: 100%;}
.user_case .case_list .swiper-button-next, .user_case .case_list .swiper-container-rtl .swiper-button-prev{right: 0; background: url(../images/icon_case_next.png) no-repeat center; background-size: 100%;}
.user_case .case_list .swiper-button-prev:after, .user_case .case_list .swiper-container-rtl .swiper-button-next:after{display: none;}
.user_case .case_list .swiper-button-next:after, .user_case .case_list .swiper-container-rtl .swiper-button-prev:after{display: none;}
.user_case .case_list .swiper-pagination{left: 50%; bottom: 0; transform: translateX(-50%);}
.user_case .case_list .swiper-pagination-bullet{width: 5px; height: 5px; background-color: #c7c7c7; border-radius: 3px; margin: 0 5px; transition: all 300ms ease 0s;}
.user_case .case_list .swiper-pagination-bullet-active{width: 37px; background-color: #0bba91;}

@media screen and (max-width: 1023px) {
  .user_case{margin-top: 12vw !important; margin-bottom: 12.66667vw !important;}
}

@media screen and (max-width: 991px) {
  .user_case{margin-top: 17.33333vw !important; margin-bottom: 6vw !important; }
  .user_case .main_title{font-size: 6.66667vw; line-height: 7.46667vw;}
  .user_case .case_list{margin-top: 12.66667vw; padding: 0 20px 10px;}
  .user_case .case_list .list_item{padding-left: 0;}
  .user_case .case_list .list_item .pic{width: 100%; height: auto; padding-top: 0;}
  .user_case .case_list .list_item .pic img{position: unset; border-radius: 10px;}
  .user_case .case_list .list_item .item_info{width: 100%;}
  .user_case .case_list .list_item .item_info .item_title{font-size: 4.8vw; line-height: 6vw;}
  .user_case .case_list .list_item .item_info .item_title .name{font-size: 5.86667vw; line-height: 10vw;}
  .user_case .case_list .list_item .item_info .more{ background: url('../images/mb_index_server_platform_url_ico.png') no-repeat center right; background-size: auto 100%; padding-right: 3.2vw;}
  /*.user_case .case_list .list_item:hover{transform: none; -ms-transform: none;}*/
  .user_case .case_list .list_item .item_info .item_info_line{display: none;}
  .user_case .case_list .swiper-button-prev, .user_case .case_list .swiper-button-next{width: 15px; height: 40px;}
  .user_case .case_list .swiper-pagination-bullet{margin: 0 3px;}
  .user_case .case_list .swiper-pagination-bullet-active{width: 20px;}
}

@media(max-width: 750px){
  .user_case .case_list .list_item{width: 100%; max-width: unset; margin-right: 0px; margin-bottom: 5.33333vw; margin-top: 0px;}
  .user_case .case_list .list_item:last-child{margin-bottom: 0px;}
  .user_case .case_list .list_item .item_info{padding:4.66667vw 0;}
  .user_case .case_list .list_item .item_info .item_title{font-size: 5.06666vw; line-height: 6.4vw;}
  .user_case .case_list .list_item .item_info .item_bfdesc{font-size: 3.2vw; line-height: 6.4vw; margin-top: 3.33333vw;}
  .user_case .case_list .list_item .item_info .more{font-size: 3.73333vw; margin-top: 6vw; height: 2.93333vw; line-height: 2.93333vw;}
}


/** 服务页面  装修服务/广告代投服务/SEO运营服务/B2B平台发布服务  **/
#server{margin-top: 50px; margin-bottom: 235px;}
#server .cate_title{text-align: center; font-size: 42px; line-height: 80px; color: #333; }
#server .server_cate_list{width: 980px; height: 60px; margin: 40px auto 0px; background-color: #f2f5f8;}
#server .server_cate_list .list{width: 100%; display: flex;     justify-content: space-around;}
#server .server_cate_list .list .item{display: inline-block;}
#server .server_cate_list .list .item a{display: inline-block; height: 48px; line-height: 48px; padding: 0px 35px; font-size: 18px; color: #747c7f; margin:6px 5px;}
#server .server_cate_list .list .item.cur a{background-color: #fff; color: #900000;}
#server .page_title{margin-top: 55px; text-align: center; position: relative;}
#server .page_title:after{content: ''; width: 650px; height: 0px; border-top: 1px solid #cdddea; position: absolute; top: 50%; left: 50%; margin-left:-325px; z-index: -1;}
#server .page_title span{display: inline-block; font-size: 36px; line-height: 80px;color: #000000; padding: 0px 35px; background-color: #fff;}
#server .main_box{margin-top: 55px; }
#server .main_box .list .item{border:1px solid #cdddea; margin-bottom: 29px; border-radius: 5px; overflow: hidden; height: 172px;}
#server .main_box .list .item .item_left{float: left; width: 310px; height: 172px; border-right: 1px solid #cdddea; text-align: center;}
#server .main_box .list .item .item_left .top{font-size: 28px; line-height: 80px; color: #000; margin-top: 15px;}
#server .main_box .list .item .item_left .bottom{}
#server .main_box .list .item .item_left .bottom .currency{font-size: 18px; color: #000000;}
#server .main_box .list .item .item_left .bottom .price{font-size: 48px; color: #000000;}
#server .main_box .list .item .item_left .bottom .time{font-size: 18px; color: #000000;}
#server .main_box .list .item .item_right{float: left; margin-left: 80px; height: 172px;}
#server .main_box .list .item .item_right .desc_box{display: inline-block; vertical-align: middle; width: 520px; height: 172px;}
#server .main_box .list .item .item_right .desc_box:after{content: ''; display: inline-block; height: 100%; vertical-align: middle;}
#server .main_box .list .item .item_right .desc_box .desc_list{display: inline-block; vertical-align: middle; width: 99%; }
#server .main_box .list .item .item_right .desc_box .desc_list .desc_item{display: inline-block; width: 47%; font-size: 18px; line-height: 40px; color: #000; margin-right: 5%;}
#server .main_box .list .item .item_right .desc_box .desc_list .desc_item:nth-child(2n){margin-right: 0px;}
#server .main_box .list .item .item_right .desc_box .desc_list .desc_item.long{width: 100%; margin-right: 0px;}
#server .main_box .list .item .item_right .detail_btn{display: inline-block; vertical-align: middle; width: 169px; height: 41px; line-height: 41px; background-color: #07ad87; color: #fff; font-size: 18px; color: #fff; border-radius: 5px; text-decoration: none; text-align: center; margin-left: 60px;}

#server .main_box .vertical_list{margin-top: 55px; width: 100%; display: flex; justify-content:space-between;}
#server .main_box .vertical_list .list_item{display: inline-block; width: 368px; border:1px solid #cdddea; border-radius:5px; }
#server .main_box .vertical_list .list_item .top_box{width: 100%; margin-top: 15px; padding-bottom: 25px; border-bottom: 1px solid #cdddea; text-align: center;}
#server .main_box .vertical_list .list_item .top_box .name{font-size: 28px; line-height: 80px; color: #000;}
#server .main_box .vertical_list .list_item .top_box .currency{font-size: 18px; color: #000000;}
#server .main_box .vertical_list .list_item .top_box .price{font-size: 48px; color: #000000;}
#server .main_box .vertical_list .list_item .top_box .time{font-size: 18px; color: #000000;}
#server .main_box .vertical_list .list_item .bottom_box{width: 81%; margin: 35px auto 40px; }
#server .main_box .vertical_list .list_item .bottom_box .func_list{width: 100%;}
#server .main_box .vertical_list .list_item .bottom_box .func_list .func_item{font-size: 0px;}
#server .main_box .vertical_list .list_item .bottom_box .func_list .func_item .key{display: inline-block; font-size: 18px; color: #000000; line-height: 40px; width: 36%; margin-right: 4%;}
#server .main_box .vertical_list .list_item .bottom_box .func_list .func_item .vlaue{display: inline-block; font-size: 18px; color: #000000; line-height: 40px; width: 60%;}
#server .main_box .vertical_list .list_item .bottom_box .detail_btn{display: block; width: 169px; height: 41px; line-height: 41px; background-color: #07ad87; color: #fff; font-size: 18px; color: #fff; border-radius: 5px; text-decoration: none; text-align: center; margin: 40px auto 0px;}


#server .main_box.seo_page .vertical_list .list_item .bottom_box{width:57%; }
#server .main_box.seo_page .vertical_list .list_item .bottom_box .func_list .func_item .key{width: 47%; margin-right: 3%;}
#server .main_box.seo_page .vertical_list .list_item .bottom_box .func_list .func_item .vlaue{width: 50%; text-align: right;}



/** 绿色平台 2022-5-12  **/
.green_platform_banner{width: 100%; position: relative;}
.green_platform_banner .mb_banner{display: none;}
.green_platform_banner .ban_txt{position: absolute; width: 100%; text-align: center; top: 50%; transform:translateY(-50%);}
.green_platform_banner .ban_txt .ban_txt_in .title{font-size: 55px; color: #fff; line-height: 74px; font-weight: bold;}
.green_platform_banner .ban_txt .ban_txt_in .brief{font-size: 30px; color: #fff; line-height: 35px; margin-top: 15px;}
.green_platform_banner .ban_txt .ban_txt_in .btn{display: inline-block; width: 186px; height: 52px; line-height: 52px; background-color: #fffc07; font-size: 19px; color: #000; border-radius: 26px; font-weight: bold; margin-top: 50px;}
.green_platform_banner .ban_txt .ban_txt_in .btn.mb_btn{display: none;}

.platform_compared{width: 92%; max-width: 1200px; margin: 140px auto 60px; display: flex; justify-content:space-between;}
.platform_compared .left_side{width:40%;  }
.platform_compared .left_side .compared_tile{text-align: center; font-size: 46px; font-weight: bold; color: #111;}
.platform_compared .left_side .list .item{width: 100%; margin-top: 60px; border:2px solid #0bba91; border-radius: 5px; box-sizing:border-box; position: relative;}
.platform_compared .left_side .list .item:before{content: 'VS'; font-size: 60px; color: #0bba91; position: absolute; top: 50%;  right: -160px; transform:translateY(-50%);}
.platform_compared .left_side .list .item .title{display: block; background-color: #0bba91; font-size: 34px; line-height: 34px; color: #fff; text-align: center; padding: 20px 0px;}
.platform_compared .left_side .list .item .title span{display: inline-block; font-size: 22px; margin-top: 15px; color: #fffc00; padding-left: 35px; height: 24px; line-height: 24px; background: url('../images/platform_compare/right.svg') no-repeat left center;}
.platform_compared .left_side .list .item .pic_box{width: 100%; height: 0px; padding-top: 92%; position: relative;}
.platform_compared .left_side .list .item .pic_box img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}

.platform_compared .right_side{width:40%;  }
.platform_compared .right_side .compared_tile{text-align: center; font-size: 46px; font-weight: bold; color: #111;}
.platform_compared .right_side .list .item{width: 100%; margin-top: 60px; border:2px solid #999999; border-radius: 5px; overflow: hidden; box-sizing:border-box;}
.platform_compared .right_side .list .item .title{display: block; background-color: #999999; font-size: 34px; line-height: 34px; color: #fff; text-align: center; padding: 20px 0px;}
.platform_compared .right_side .list .item .title span{display: inline-block; font-size: 22px; margin-top: 15px; color: #fff; padding-left: 35px; height: 24px; line-height: 24px; background: url('../images/platform_compare/error.svg') no-repeat left center;}
.platform_compared .right_side .list .item .pic_box{width: 100%; height: 0px; padding-top: 92%; position: relative;}
.platform_compared .right_side .list .item .pic_box img{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: auto;}

@media (max-width: 1400px){
  .green_platform_banner .ban_txt .ban_txt_in .title{font-size: 45px; line-height: 60px;}
  .green_platform_banner .ban_txt .ban_txt_in .brief{font-size: 24px; line-height: 28px;}
  .green_platform_banner .ban_txt .ban_txt_in .btn{font-size: 16px; height: 45px; line-height: 45px; margin-top: 35px;}
}

@media (max-width: 991px){
  .green_platform_banner .pc_banner{display: none;}
  .green_platform_banner .mb_banner{display: block; width: 100%;}
  .green_platform_banner .mb_banner img{width: 100%;}
  .green_platform_banner .ban_txt{top: 12.66667vw; transform:unset;}
  .green_platform_banner .ban_txt .ban_txt_in .title{font-size: 8vw; line-height: 10.66667vw;}
  .green_platform_banner .ban_txt .ban_txt_in .brief{font-size: 5.06666vw; line-height: 5.06666vw; margin-top: 2vw;}
  .green_platform_banner .ban_txt .ban_txt_in .btn{font-size: 3.73333vw; line-height: 9.33333vw; height: 9.33333vw; width: 30.66667vw; border-radius: 4.66667vw; margin-top: 4vw;}
  .green_platform_banner .ban_txt .ban_txt_in .btn.mb_btn{display: inline-block;}
  .green_platform_banner .ban_txt .ban_txt_in .btn.pc_btn{display: none;}

  .platform_compared{margin:10vw auto 10.66667vw; }
  .platform_compared .left_side{width: 44.92753%;}
  .platform_compared .left_side .compared_tile{font-size: 5.86667vw;}
  .platform_compared .left_side .list .item{margin-top: 6.66667vw; }
  .platform_compared .left_side .list .item .title{font-size: 3.86667vw; line-height: 3.86667vw; padding: 4vw 0px;}
  .platform_compared .left_side .list .item .title span{font-size: 3.2vw; line-height: 4.8vw; margin:0px 2vw; height: auto; margin-top: 2vw; padding-left: 3.5vw; background-position: left top 0.8vw; background-size: auto 3.2vw; text-align: left;}
  .platform_compared .left_side .list .item .pic_box img{width: 80%;}
  .platform_compared .left_side .list .item:before{font-size: 4.8vw; right: -5%; transform:translate(100%,-50%);}

  .platform_compared .right_side{width: 44.92753%;}
  .platform_compared .right_side .compared_tile{font-size: 5.86667vw;}
  .platform_compared .right_side .list .item{margin-top: 6.66667vw; }
  .platform_compared .right_side .list .item .title{width: 100%; font-size: 3.86667vw; line-height: 3.86667vw; padding: 4vw 0px;}
  .platform_compared .right_side .list .item .title span{font-size: 3.2vw; line-height: 4.8vw; margin:0px 2vw; height: auto; margin-top: 2vw; padding-left: 4vw; background-position: left top 0.8vw; background-size: auto 3.2vw; text-align: left;}
  .platform_compared .right_side .list .item .pic_box img{width: 80%;} 
}

/* wszg ------------------------------------------------------------------------------------------ */
#here { display: block; padding-top: 60px; margin-top: -60px; }

.flex_center_switch { display: flex; justify-content: center; align-items: center; margin-top: 76px; }
.flex_center_switch .switch { position: relative; width: 90px; height: 36px; background: #eeeef0; border-radius: 50px; margin-left: 23px; margin-right: 20px; cursor: pointer; }
.flex_center_switch .switch .green_btn { position: absolute; top: 0; left: 3px; bottom: 0; width: 43px; height: 32px; background: #0bb183; border-radius: 50px; margin: auto; transition: all 300ms ease 0s; -webkit-transition: all 300ms ease 0s; }
.flex_center_switch .switch .green_btn.cur { left: 44px; }
.flex_center_switch .port { position: relative; padding-left: 33px; font-size: 20px; }
.flex_center_switch .port:after { content: ''; position: absolute; width: 23px; height: 23px; top: 0; left: 0; bottom: 0; margin: auto; }
.flex_center_switch .port.pc_port::after { background: url(/images/icon_pc.png) no-repeat center; background-size: 23px; }
.flex_center_switch .port.phone_port::after { background: url(/images/icon_phone.png) no-repeat center; background-size: 18px; }

#template .template_list.style2.show_phone .item { width: 22.75%; margin-right: 3%; margin-bottom: 4.108%; }
#template .template_list.style2.show_phone .item:nth-child(4n) { margin-right: 0; }
/* wszg ------------------------------------------------------------------------------------------ */

/* 1200 */
@media (max-width: 1280px){
  .wrap{width: 1080px; min-width: 1080px;}

  #header .wrap{max-width: 1080px;}
  #header .bot{margin-top: 24px;}
  #header .nav{margin-right: 0;}
  #header .nav li{margin-right: 48px;}
  #header .member{margin-top: 7px;}

  .wrap_1440{max-width: 1080px;}
  #banner_sec .list .title{font-size: 40px; line-height: 60px; letter-spacing: .5px;}
  #banner_sec .list .brief2{font-size: 24px; line-height: 24px; margin-top: 29px; letter-spacing: 1.5px;}
  #banner_sec .btn{width: 235px; height: 42px; line-height: 42px; border-radius: 21px; margin-top: 79px;}
  #banner_sec .btn .btn_a{font-size: 20px; border-radius: 21px;}
  #banner_sec .btn .btn_a.havlabel:before{width: 9px; height: 9px; border-radius: 4.5px; right: 16px; top: 17px;}
  #banner_sec .btn .btn_a.havlabel:after{width: 57px; height: 110px; right: -37px; top: 24px;}

  .index_page_type1.step1{padding: 80px 0 81px;}
  .index_page_type1 .m_title{font-size: 40px; line-height: 40px;}
  .index_page_type1 .m_title span{width: 45px; height: 44px; margin-top: -6px;}
  .index_page_type1 .m_title span em{font-size: 51px; right: -3px; bottom: -3px;}
  .index_page_type1.step1 .list{margin-top: 81px;}
  .index_page_type1.step1 .item{width: 31.01852%;}
  .index_page_type1.step1 .item .desc{width: calc(66.66666% - 49px); height: 78px; font-size: 14px; line-height: 24px; bottom: -24px; padding: 20px 24px 20px 25px;}
  .index_page_type1.step1 .inq_btn{margin-top: 74px;}

  .index_page_type1.step2{margin-top: 80px;}
  .index_page_type1.step2 .item_box .right .tit{font-size: 36px; line-height: 36px;}
  .index_page_type1.step2 .item_box .right .list{margin-top: 22px;}
  .index_page_type1.step2 .item_box .right .list li{font-size: 18px;}
  .index_page_type1.step2 .item_box .right .desc{font-size: 18px; line-height: 40px; margin-top: 21px;}

  .index_page_type1.step2 .item_box.item1{margin-top: 137px;}
  .index_page_type1.step2 .item_box.item1 .left{width: 43.0556%; margin-left: 2.686%;}
  .index_page_type1.step2 .item_box.item1 .left .po_img.img1{width: 37.42%; top: -12.5%; right: 12.5%;}
  .index_page_type1.step2 .item_box.item1 .left .po_img.img2{width: 27.96%; top: 10.2%; left: 4.5%;}
  .index_page_type1.step2 .item_box.item1 .left .po_img.img3{width: 36.56%; bottom: 28%; right: -1.2%;}
  .index_page_type1.step2 .item_box.item1 .right{width: 38.8889%; margin: 0; margin-top: -52px;}
  .index_page_type1.step2 .item_box.item1 .right .btn{margin-top: 29px;}

  .index_page_type1.step2 .item_box.item2{margin-top: 73px;}
  .index_page_type1.step2 .item_box.item2 .left{margin-right: -2px;}
  .index_page_type1.step2 .item_box.item2 .left .banner_box{width: 535px; height: 372px; top: 40px; right: 23.4%;}
  .index_page_type1.step2 .item_box.item2 .left .banner_box .main_ul{width: 535px; height: 372px;}
  .index_page_type1.step2 .item_box.item2 .left .left_btn{left: -22px; top: calc(50% + 20px);}
  .index_page_type1.step2 .item_box.item2 .left .right_btn{right: -20px; top: calc(50% + 20px);}
  .index_page_type1.step2 .item_box.item2 .left .s_pic_list{margin-left: -23px;}
  .index_page_type1.step2 .item_box.item2 .left .s_pic_list ul{width: 592px;}
  .index_page_type1.step2 .item_box.item2 .left .s_pic_list ul li{height: 80px;}
  .index_page_type1.step2 .item_box.item2 .right{width: 32.408%; margin: 0; margin-top: 120px;}
  .index_page_type1.step2 .item_box.item2 .right .btn{margin-top: 39px;}

  .index_page_type1.step2 .item_box.item3{margin-top: 265px;}
  .index_page_type1.step2 .item_box.item3 .left{width: 39.4445%; margin-left: -26px;}
  .index_page_type1.step2 .item_box.item3 .left .po_img.img0{width: 82.16%; top: -13.5%; left: 15.5%;}
  .index_page_type1.step2 .item_box.item3 .left .po_img.img1{width: 60%; top: 12%; right: -40.5%;}
  .index_page_type1.step2 .item_box.item3 .left .po_img.img2{width: 73px; height: 73px; bottom: 18.8%; left: 24.2%;}
  .index_page_type1.step2 .item_box.item3 .left .po_img.img3{width: 49px; height: 49px; bottom: 20.2%; left: 48.3%;}
  .index_page_type1.step2 .item_box.item3 .left .po_img.img4{width: 49px; height: 49px; bottom: 20.2%; left: 64.3%;}
  .index_page_type1.step2 .item_box.item3 .right{width: 36.667%; margin: 0; margin-top: -80px;}
  .index_page_type1.step2 .item_box.item3 .right .btn{margin-top: 50px;}

  .index_page_type1.step2 .item_box.item4{margin-top: 52px;}
  .index_page_type1.step2 .item_box.item4 .left{width: 53.149%; margin-right: 2px;}
  .index_page_type1.step2 .item_box.item4.cur .left .po_img.icon0{top: 3.6%; right: 0;}
  .index_page_type1.step2 .item_box.item4.cur .left .po_img.icon1{top: 18.8%; left: 9%;}
  .index_page_type1.step2 .item_box.item4.cur .left .po_img.icon2{bottom: 3.2%; left: 0;}
  .index_page_type1.step2 .item_box.item4.cur .left .po_img.icon3{bottom: 0; right: 35.7%;}
  .index_page_type1.step2 .item_box.item4 .left .img3 .technology1{bottom: 19.5%;}
  .index_page_type1.step2 .item_box.item4 .left .img3 .technology1 .tec_list.small .sec{bottom: 40px;}
  .index_page_type1.step2 .item_box.item4 .right{width: 38.89%; margin: 0;}
  .index_page_type1.step2 .item_box.item4 .right .btn{margin-top: 31px;}

  .index_page_type1.step2 .cooperation_box{justify-content: space-between; margin-top: 81px;}
  .index_page_type1.step2 .cooperation_box .left{width: 50%;}
  .index_page_type1.step2 .cooperation_box .right{width: 43.334%; margin: 0; margin-top: -35px;}
  .index_page_type1.step2 .cooperation_box .right .tit{font-size: 36px; line-height: 36px;}
  .index_page_type1.step2 .cooperation_box .right .btn{margin-top: 54px;}

  .index_page_type1.step3{margin-top: 150px;}
  .index_page_type1.step3 .main_circle{width: 93.241%; height: 0; padding-top: 93.241%; border-radius: 50%;}
  .index_page_type1.step3 .main_circle .green_circle{width: 88.978%; height: 0; padding-top: 88.978%; border-radius: 50%;}
  .index_page_type1.step3 .main_circle .s_circle{width: 76.6634%; height: 0; padding-top: 76.6634%; border-radius: 50%;}
  .index_page_type1.step3 .main_circle .list .item.box_1{top: 36.4%; left: 36.7%;}
  .index_page_type1.step3 .main_circle .list .item.box_2{top: 36.4%; left: 36.7%;}
  .index_page_type1.step3 .main_circle .list .item.box_3{top: 36.4%; left: 36.7%;}
  .index_page_type1.step3 .main_circle .list .item.box_4{top: 36.4%; left: 36.7%;}
  .index_page_type1.step3 .main_circle .list .item.box_5{top: 36.4%; left: 36.7%;}
  .index_page_type1.step3 .main_circle .list .item.box_6{top: 36.4%; left: 36.7%;}
  .index_page_type1.step3 .main_circle .list .item.box_7{top: 36.4%; left: 36.7%;}
  .index_page_type1.step3 .main_circle .list .item .item_tit{padding: 73px 0 27px;}

  @keyframes box_1_move{
    0% {top: 36.4%; left: 36.7%;}
    100% {top: 4.4%; left: 36.7%;}
  }

  @keyframes box_2_move{
    0% {top: 36.4%; left: 36.7%;}
    100% {top: 20.8%; left: 4.9%;}
  }

  @keyframes box_3_move{
    0% {top: 36.4%; left: 36.7%;}
    100% {top: 20.8%; left: 68.6%;}
  }

  @keyframes box_5_move{
    0% {top: 36.4%; left: 36.7%;}
    100% {top: 52.6%; left: 4.9%;}
  }

  @keyframes box_6_move{
    0% {top: 36.4%; left: 36.7%;}
    100% {top: 52.6%; left: 68.6%;}
  }

  @keyframes box_7_move{
    0% {top: 36.4%; left: 36.7%;}
    100% {top: 68.6%; left: 36.7%;}
  }

  .index_pro_server{height: 514px; margin-top: 119px;}
  .index_pro_server .m_title{padding-top: 117px;}
  .index_pro_server .list{margin-top: 91px;}
  .index_pro_server .list .item{height: 174px;}
  .index_pro_server .list .item .top{font-size: 40px; line-height: 40px;}
  .index_pro_server .list .item .desc{font-size: 16px; line-height: 16px; margin-top: 15px;}

  .index_case_box{height: 616px; margin-top: 105px;}
  .index_case_box:before{width: 65.7813%;}
  .index_case_box:after{left: 65.7813%;}
  .index_case_box .show_box{margin-top: -30px;}
  .index_case_box .show_box .left{width: 42.8704%; margin-top: 22px;}
  .index_case_box .show_box .left .pc_pic{width: 100%; height: auto;}
  .index_case_box .show_box .left .mb_pic{width: 115px; /*height: 250px;*/height: 247px; border-radius: 30px; right: -10.3%; bottom: -21%;}
  .index_case_box .show_box .right{width: 47.408%; margin-right: 0; padding: 50px 30px;}
  .index_case_box .show_box .right .tit{font-size: 17px;}
  .index_case_box .show_box .right .desc{font-size: 24px; line-height: 41px; padding-left: 34px; padding-top: 62px;}
  .index_case_box .show_box .right .desc:before{width: 55px; height: 32px; top: 33px; left: 3px;}
  .index_case_box .show_box .right .desc .last{width: 20px; height: 24px; background-size: 20px; background-position: left top;}
  .index_case_box .show_box .right .case_name{font-size: 20px; margin-top: 5px;}

  .index_case_box.turn{margin-top: 47px;}
  .index_case_box.turn:before{width: 0;}
  .index_case_box.turn:after{left: unset; width: 61.5625%;}
  .index_case_box.turn .show_box{margin-top: 20px;}
  .index_case_box.turn .show_box .left{margin-right: 3px;}
  .index_case_box.turn .show_box .left .mb_pic{left: -10.3%;}
  .index_case_box.turn .show_box .right{padding: 57px 50px 57px 85px;}
  .index_case_box.turn .show_box .right .desc{padding-top: 44px; line-height: 42px;}
  .index_case_box.turn .show_box .right .desc .last{width: 26px; height: 16px; background-position: center;}
  .index_case_box.turn .show_box .right .case_name{margin-top: 25px;}

  .new_top .h2{font-size: 40px; line-height: 40px; margin: 25px 0 51px;}
  .new_top .litem{width: 30.926%; padding: 0; margin-left: 3.6%;}

  .index_item.index3 .t{height: 70px;}
  .index_item.index3 .item{margin-top: 36px;}

  #instance .menu .instance_tag a{padding: 0 39px;}


}



/* 首页流程样式代码*/




.now_lc {
	position: relative;
	z-index: 0px;
	width: 540px;
	height: 177px;
	margin: 0px auto;
	z-index: 5;
	text-align: center;
}
.now_lc .back {
	position: absolute;
	left: 70px;
	top: 23px;
	width: 400px;
	height: 131px;
}
.now_lc .img {
	position: relative;
	z-index: 2;
	top: 55px;
}

.now_lc_btn {
	width: 140px;
	height: 27px;
	display: block;
	margin: 0px auto;
	clear: both;
	background: #d04d61;
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 27px;
	border-radius: 27px;
	position: relative;
	z-index: 100;
}

.now_lc_tit {
	font-size: 12px;
	color: #fff;
	text-align: center;
	padding: 20px 0px;
}


.WebServiceYS_ul li .img {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.WebServiceYS_ul li .Gkb {
	width: 100%;
}
.WebServiceYS_ul li .mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #be0e29;
	left: 0px;
	top: 0px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	display: none;
}
.WebServiceYS_ul li .mask h2 {
	font-size: 4em;
	clear: both;
	position: relative;
	height: 1.5em;
	line-height: 1.5em;
	padding-top: 1.2em;
	font-weight: normal;
position:relative left:700px;
}
.WebServiceYS_ul li .mask span {
	display: block;
	font-size: 1.2em;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	left: 700px;
}
.WebServiceYS_ul li .mask p {
	margin: 0px;
	padding: 0px;
	padding-top: 1.5em;
	font-size: 1.8em;
	line-height: 1.7em;
	margin-left: 10%;
	margin-right: 10%;
	position: relative;
	left: 700px;
}
.WebprocessLc {
	width: 100%;
	min-height: 500px;
	_height: 500px;
	overflow: hidden;
*overflow:visible;
	background: url(../image/index_51.png) repeat;
	padding-top: 76px;
	position: relative;
	padding-bottom: 50px;
	margin-bottom: 20px;
}
.now_lc_list {
	height: 231px;
	width: 1160px;
	position: relative;
	margin: 0px auto;
	overflow: hidden;
	margin-bottom: 100px;
	z-index: 100;
	margin-top: 20px;
}
.now_lc_list_xian_line, .WebprocessPic_line2, .WebprocessPic_line3 {
	position: absolute;
}
.WebprocessPic_adorn1, .WebprocessPic_adorn2, .WebprocessPic_adorn3 {
	position: absolute;
	left: 5%;
}
.now_lc_list_xian_line {
	top: 64px;

	left:0px;
}
.WebprocessPic_line2 {
	top: 295px;
}
.WebprocessPic_line3 {
	top: 526px;
}
.WebprocessPic_adorn1 {
	top: 8px;
}
.WebprocessPic_adorn2 {
	top: 236px;
}
.WebprocessPic_adorn3 {
	top: 467px;
}
.now_lc_list_xian_ul li {
	width: 136px;
	height: 205px;
	margin-right: 70px;
	margin-top: 26px;
	position: relative;
	background: url(../image/index_42.png) center top no-repeat;
	position: relative;
	cursor: pointer;
	float: left;
}
.now_lc_list_xian_ul li .back {
	width: 106px;
	height: 106px;
	position: absolute;
	left: 15px;
	top: 0px;
}
.now_lc_list_xian_ul li .img1 {
	display: block;
	width: 42px;
	height: 46px;
	margin: 0px auto;
	position: relative;
	z-index: 10;
	top: 34px;
	margin-bottom: 65px;
}
.now_lc_list_xian_ul li .img2 {
	display: block;
	width: 42px;
	height: 46px;
	margin: 0px auto;
	position: relative;
	z-index: 10;
	display: none;
	top: 34px;
	margin-bottom: 65px;
}
.now_lc_list_xian_ul li h2 {
	font-weight: normal;
	text-align: center;
	font-size: 24px;
	color: #fff;
	line-height: 35px;
}
.now_lc_list_xian_ul li p {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	padding-top: 15px;
}
.now_lc_list_xian_ul li:hover {
	background: url(../image/index_42.png) center top no-repeat;
}
.now_lc_list_xian_ul li:hover .img1 {
	display: none;
}
.now_lc_list_xian_ul li:hover .img2 {
	display: block;
}
.now_lc_list_xian_ul li:hover h2 {
	color: #fff;
}
.now_lc_list_xian_ul li:hover p {
	color: #fff;
}
.now_lc_list_xian {
	position: relative;
	height: 100%;
	margin: 0px 60px;
	overflow: hidden;
}
.now_lc_list_xian_ul {
	width: 110%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10px;
}

/* 友情连接代码 */